使用Objective-C自定义键盘-Xcode8

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)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,467评论 25 708
  • 创建Xcode项目 打开Xcode 6以上的版本并创建一个新项目。工程命名可以根据个人喜好命名,这里的工程命名为K...
    Coder_Vance阅读 7,892评论 8 6
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,547评论 0 17
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,342评论 0 7
  • 记得在很小很小的时候,在语文课本上,看到过这样一句话:你有一个苹果,我有一个苹果,彼此交换一下,我们仍然是各有一个...
    冷_猫阅读 627评论 0 1