如何使用应用内自定义键盘的按钮输入文本

Question

我制作了一个应用内自定义键盘，它取代了系统键盘，并在我点击 UITextField 时弹出。

这是我的代码：

class ViewController: UIViewController {
    
    var myCustomKeyboard: UIView!
    @IBOutlet weak var textField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let keyboardNib = UINib(nibName: "Keyboard", bundle: nil)
        myCustomKeyboard = keyboardNib.instantiateWithOwner(self, options: nil)[0] as! UIView
        
        textField.inputView = myCustomKeyboard
    }

}

键盘布局是从 xib 文件加载的。

问题

如何将按钮文本放入文本字​​段？

注意事项：

• 有很多关于制作自定义系统键盘的教程（需要安装），但我只想要一个应用内键盘。教程使用了专门的键盘视图控制器，但在这里我似乎只是在设置键盘视图。
• 我已阅读Custom Views for Data Input 文档。
• This 是我能找到的最接近的 Stack Overflow 问题，但它并没有描述如何从按钮中获取文本。

更新

• This tutorial 似乎表明自定义输入视图有一个视图控制器。但是，我迷失在 Objective-C 代码中。 Swift 中的流程是什么？
• This answer 提到了UITextField 符合的UIKeyInput 协议，但是我该如何使用呢？
• 如果有任何内置方式也可以制作自定义应用内键盘，我真的更喜欢制作普通的自定义视图。

Answer 1

我想像这样：

处理按钮事件的新函数

func updateTextfield(sender: UIButton) {
    textField.text = (textField.text ?? "") + (sender.titleForState(.Normal) ?? "")
}

在初始化您的自定义键盘后，注册按钮：

myCustomKeyboard.subviews
    .filter { $0 as? UIButton != nil } // Keep the buttons only
    .forEach { ($0 as! UIButton).addTarget(self, action: "updateTextfield", forControlEvents: .TouchUpInside)}

Answer 2

设置

• 制作一个包含所有密钥的xib 文件
• 使用自动布局，这样无论以后将键盘设置为多大，按键都会调整到正确的比例。

• 创建一个与xib 文件同名的swift 文件，并在xib 文件设置中将其设置为文件所有者。

• 将所有关键按钮连接到 swift 文件中的 IBAction 方法。 （参见下面的代码。）

代码

我正在使用delegate pattern 在自定义键盘视图和主视图控制器之间进行通信。这允许它们被解耦。无需更改主视图控制器中的详细实现代码即可换入和换出多个不同的自定义键盘。

Keyboard.swift文件

import UIKit

protocol KeyboardDelegate {
    func keyWasTapped(character: String)
}

class Keyboard: UIView {

    var delegate: KeyboardDelegate?

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        initializeSubviews()
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        initializeSubviews()
    }

    func initializeSubviews() {
        let xibFileName = "Keyboard" // xib extention not needed
        let view = NSBundle.mainBundle().loadNibNamed(xibFileName, owner: self, options: nil)[0] as! UIView
        self.addSubview(view)
        view.frame = self.bounds
    }

    @IBAction func keyTapped(sender: UIButton) {
        self.delegate?.keyWasTapped(sender.titleLabel!.text!)
    }

}

主视图控制器

请注意，ViewController 符合我们创建的 KeyboardDelegate 协议。此外，在创建键盘视图的实例时，需要设置height，但不需要设置width。显然设置文本字段的inputView 会将键盘视图宽度更新为屏幕宽度，这很方便。

class ViewController: UIViewController, KeyboardDelegate {

    @IBOutlet weak var textField: UITextField!

    override func viewDidLoad() {
        super.viewDidLoad()

        // get an instance of the Keyboard (only the height is important)
        let keyboardView = Keyboard(frame: CGRect(x: 0, y: 0, width: 0, height: 300))

        // use the delegate to communicate
        keyboardView.delegate = self

        // replace the system keyboard with the custom keyboard
        textField.inputView = keyboardView
    }

    // required method for keyboard delegate protocol
    func keyWasTapped(character: String) {
        textField.insertText(character)
    }

}

来源

• @ryancrunchi's comment 中的建议很有帮助。
• This answer 来自Creating a reusable UIView with xib (and loading from storyboard)

相关

• A Swift example of Custom Views for Data Input (custom in-app keyboard)