1.说明
iOS 8之后苹果提供的输入法接口,详细内容可以参考苹果官方文档,这个Demo是类似搜狗输入法,需要在设备上的设置-通用-键盘中修改输入法。
这里简述如何创建项目和功能实现,键盘为九宫格数字输入,大家可以根据自己的需要进行扩张。其实之前就已经写过关于这个内容的文章,由于是实现一个全键盘的英文键盘,所以代码比较乱,而且有些朋友说源码不能运行,Xcode7跟Xcode8的创建方式又有些不一样,因此重新写一篇文章。原文章地址
2.项目搭建
1.在项目的General中选中TARGETS,点击下方的+号,添加新的Extensions,选中Custom Keyboard Extension,之后文件名字自定义(这个项目定义为CustomKeyboard),下一步下一步就行了。
图片 1.png
图片 2.png
图片 3.png
2.创建完Extensions之后,会看到项目中会多一个文件夹,在项目的TARGETS中也会看到一个与文件夹名一样的Extension。
图片 4.png
3.运行项目的时候,使用与项目名字一样的TARGETS,这里的是KeyboardDemo。
图片 5.png
4.在Storyboard中拖一个UITextFeild到ViewController版面中,设置一下属性跟布局就行了,这个TextFeild是用于测试键盘弹出。
图片 6.png
3.介绍一下源码:
1.自定义一个Button,便于修改按键的样式,此处不贴代码,可以查看源码。
2.设置一个二维数组keyArray,用于存放按键显示内容,此处数组内容为@[@[@"1", @"2", @"3"], @[@"4", @"5", @"6"], @[@"7", @"8", @"9"], @[@"next", @"0", @"del" ]],分别是每一行的内容,next是用于切换键盘,相当于原生键盘中的小地球按钮,del是删除按钮。
3.对键盘界面进行布局,对二维数组keyArray进行遍历,获得数组中每一行的下标,以及每一行中的按钮的下标。
//遍历定义好的二维数组,同时进行布局
for (NSArray *array in self.keyArray) {
//获取行的下标
NSInteger index = [self.keyArray indexOfObject:array];
for (NSString *title in array) {
//获取每一行中的按钮的下标
NSInteger detailIndex = [array indexOfObject:title];
[self setKeyButtonWithTitle:title index:index detailIndex:detailIndex];
}
}```
>4.控制器的view的frame需要通过按键的自动布局进行设置,直接使用CGRectMake来设置是没有效果的,大家可以使用自己熟悉的自动布局方式进行。下面的代码是对每一行中的按键进行自动布局。
``` Objective-C
//按钮的宽高
CGFloat width = cScreenWith / 3;
CGFloat height = width / 2;
CustomKeyButton *keyButton = [CustomKeyButton customKeyButtonWithTitle:title target:self action:@selector(touchKeyButton:)];
[self.view addSubview:keyButton];
keyButton.translatesAutoresizingMaskIntoConstraints = NO;
//使用约束进行布局
[keyButton.leftAnchor constraintEqualToAnchor:self.view.leftAnchor constant:detailIndex * width].active = YES;
[keyButton.topAnchor constraintEqualToAnchor:self.view.topAnchor constant:height * index].active = YES;
[keyButton.widthAnchor constraintEqualToConstant:width].active = YES;
[keyButton.heightAnchor constraintEqualToConstant:height].active = YES;```
>5.在第一行按钮设置时,添加一个底部约束,设置整个控制view的高度。
``` Objective-C
if (index == 0) {//第一行按钮,添加一个底部约束,控制整个键盘的高度
[keyButton.bottomAnchor constraintEqualToAnchor:self.view.bottomAnchor constant:-height * 3].active = YES;
}```
>6.设置按键的action,这里使用title获取对应的button,并实现对应的功能,其实可以使用button的tag来进行获取的。textDocumentProxy是UIInputViewController的属性,实现TextFeild中的内容操作,deleteBackward为删除输入内容,insertText:是插入内容。
``` Objective-C
NSString *title = sender.titleLabel.text;
//响应触摸事件的文本内容,这里可以使用tag来进行判断
if ([title isEqualToString:@"del"]) {//删除按钮,执行删除
[self.textDocumentProxy deleteBackward];
} else if ([title isEqualToString:@""]) {//空白按钮,不做处理
return;
} else if ([title isEqualToString:@"next"]) {//切换按钮,切换输入法
[self advanceToNextInputMode];
} else {//数字按钮,将数字输入到输入框
[self.textDocumentProxy insertText:title];
}```
#4.最后
>此时功能就差不多了,然后运行Demo就行了,在测试的时候要在设置-通用-键盘进行设置,然后点击Textfeild就会弹出键盘。使用模拟器进行测试,没有弹出键盘时,在Hardware-Keyboard-Toggle Softw Keyboard勾选一下就行了。
>PS:这只是一个简单的教程,具体深入靠大家了,附上源码地址,[源码地址](https://github.com/vancef/CustomNumberKeyboard)