使用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)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,816评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,729评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,300评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,780评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,890评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,084评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,151评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,912评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,355评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,666评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,809评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,504评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,150评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,121评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,628评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,724评论 2 351

推荐阅读更多精彩内容

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