如何在iOS8下使用Swift设计一个自定义的输入法

发布网友发布时间：2024-09-06 18:19

共1个回答

热心网友时间：2024-10-13 23:42

我们会设计实现一个简单的输入法，可以输入点划，改变了键盘结构，删除字符然后隐藏自己。这个范例通过代码来生成的用户界面。当然，我们同样也可以使用Nib文件来生成界面—这个会在教程的末尾涉及。加载Nib文件会对性能有负面影响。
创建一个工程
打开Xcode6，创建一个“Single Page Application”，然后选择Swift为编程语言。
添加一个文本区域
打开Main.storyboard然后拖拽一个文本区域从组件库里。我们会使用这个来测试我们设计的键盘。
将这个文本区域居中，然后添加必要的constraints。
Hint: 如果你调用textField.becomeFirstResponder()在viewDidLoad，这个键盘会自动在应用打开时弹出。
添加这个键盘扩展
从导航器中选择这个项目文件，然后通过按+按钮添加一个新的target。
选择Application Extension然后使用Custom Keyboard模板，命名它为MorseCodeKeyboard。
这会创建一个名为MorseCodeKeyboard新文件夹，包括2个文件KeyboardViewController.swift和Info.Plist。
接下来
打开KeyboardViewController.swift，为了在不同的键盘之间进行切换，这个键盘模板文件会有一个按钮。在viewDidLoad方法中放入一个新的方法，命名为addNextKeyboardButton。
func addNextKeyboardButton() {
self.nextKeyboardButton = UIButton.buttonWithType(.System) as UIButton
...
var nextKeyboardButtonBottomConstraint = NSLayoutConstraint(item: self.nextKeyboardButton, attribute: .Bottom, relatedBy: .Equal, toItem: self.view, attribute: .Bottom, multiplier: 1.0, constant: -10.0)
self.view.addConstraints([nextKeyboardButtonLeftSideConstraint, nextKeyboardButtonBottomConstraint])
}
为了更好的梳理代码的结构，创建一个新的方法名为addKeyboardButtons，然后在viewDidLoad中调用它。虽然这里只有几个按钮，但是在真实项目中，将会有更多的按钮。在addKeyboardButtons中调用addNextKeyboardButton。
class KeyboardViewController: UIInputViewController {
...
override func viewDidLoad() {
super.viewDidLoad()
addKeyboardButtons()
}
func addKeyboardButtons() {
addNextKeyboardButton()
}
...
}
点
现在我们来添加点按钮，创建一个UIButton!类型的dotButton属性。
class KeyboardViewController: UIInputViewController {
var nextKeyboardButton: UIButton!
var dotButton: UIButton!
...
}
增加一个名为addDot的方法。使用系统按钮来初始化名为dotButton的属性。增加一个TouchUpInside事件回调函数。设置一个大字体然后增加圆角，同时增加约束来*它距离水平中心50个points，垂直居中。这个代码应该和下面nextKeyboardButton部分类似。
func addDot() {
// initialize the button
dotButton = UIButton.buttonWithType(.System) as UIButton
dotButton.setTitle(".", forState: .Normal)
dotButton.sizeToFit()
dotButton.setTranslatesAutoresizingMaskIntoConstraints(false)
// adding a callback
dotButton.addTarget(self, action: "didTapDot", forControlEvents: .TouchUpInside)
// make the font bigger
dotButton.titleLabel.font = UIFont.systemFontOfSize(32)
// add rounded corners
dotButton.backgroundColor = UIColor(white: 0.9, alpha: 1)
dotButton.layer.cornerRadius = 5
view.addSubview(dotButton)
// makes the vertical centers equa;
var dotCenterYConstraint = NSLayoutConstraint(item: dotButton, attribute: .CenterY, relatedBy: .Equal, toItem: view, attribute: .CenterY, multiplier: 1.0, constant: 0)
// set the button 50 points to the left (-) of the horizontal center
var dotCenterXConstraint = NSLayoutConstraint(item: dotButton, attribute: .CenterX, relatedBy: .Equal, toItem: view, attribute: .CenterX, multiplier: 1.0, constant: -50)
view.addConstraints([dotCenterXConstraint, dotCenterYConstraint])
}
接下来对于dash，delete和hideKeyboard，这个过程都比较类似。这个deleteButton会从proxy使用deleteBackward方法，然后hideKeyboardButton会通过KeyboardViewController使用dismissKeyboard方法。
划
与dash相关的代码几乎和dotButton代码一致。为了将dashButton按钮在水平方向与点按钮对称，只要将水平约束中的常量改变一下符号即可。
func addDash() {
...
// set the button 50 points to the left (-) of the horizontal center
var dotCenterXConstraint = NSLayoutConstraint(item: dotButton, attribute: .CenterX, relatedBy: .Equal, toItem: view, attribute: .CenterX, multiplier: 1.0, constant: -50)
view.addConstraints([dashCenterXConstraint, dashCenterYConstraint])
}
回删
当被按下时，这个删除按钮会通过textDocumentProxy，使用deleteBackword删除字符。这个布局约束会和nextKeyboardButton对称(.Left -> .Right, .Bottom->.Top)。
func addDelete() {
deleteButton = UIButton.buttonWithType(.System) as UIButton
deleteButton.setTitle(" Delete ", forState: .Normal)
deleteButton.sizeToFit()
deleteButton.setTranslatesAutoresizingMaskIntoConstraints(false)
deleteButton.addTarget(self, action: "didTapDelete", forControlEvents: .TouchUpInside)
deleteButton.backgroundColor = UIColor(white: 0.9, alpha: 1)
deleteButton.layer.cornerRadius = 5
view.addSubview(deleteButton)
var rightSideConstraint = NSLayoutConstraint(item: deleteButton, attribute: .Right, relatedBy: .Equal, toItem: view, attribute: .Right, multiplier: 1.0, constant: -10.0)
var topConstraint = NSLayoutConstraint(item: deleteButton, attribute: .Top, relatedBy: .Equal, toItem: view, attribute: .Top, multiplier: 1.0, constant: +10.0)
view.addConstraints([rightSideConstraint, topConstraint])
}
隐藏键盘
当被按下时，这个hideKeyboardButton会在KeyboardViewController上调用dismissKeyboard。
func addHideKeyboardButton() {
hideKeyboardButton = UIButton.buttonWithType(.System) as UIButton
hideKeyboardButton.setTitle("Hide Keyboard", forState: .Normal)
hideKeyboardButton.sizeToFit()
hideKeyboardButton.setTranslatesAutoresizingMaskIntoConstraints(false)
hideKeyboardButton.addTarget(self, action: "dismissKeyboard", forControlEvents: .TouchUpInside)
view.addSubview(hideKeyboardButton)
var rightSideConstraint = NSLayoutConstraint(item: hideKeyboardButton, attribute: .Right, relatedBy: .Equal, toItem: view, attribute: .Right, multiplier: 1.0, constant: -10.0)
var bottomConstraint = NSLayoutConstraint(item: hideKeyboardButton, attribute: .Bottom, relatedBy: .Equal, toItem: view, attribute: .Bottom, multiplier: 1.0, constant: -10.0)
view.addConstraints([rightSideConstraint, bottomConstraint])
}
使用Nib文件
如果写约束并非你擅长的方式，你可以创建一个界面文件，然后将它添加到你的inputView。
创建一个界面文件
右击MorseCodeKeyboard文件组，然后选择创建新文件。
选择User Interface，然后View Template，命名为CustomKeyboardInterface。