iOS 自带九宫格拼音键盘与 Emoji 表情之间的坑

综合技术 2018-05-18 阅读原文

最近产品提了一个需求:要求某个“输入框”禁止输入 Emoji 表情,我们能想到的方案是:在 UITextFieldtextField:shouldChangeCharactersInRange:replacementString: 代理方法中判断即将输入的字符串是否包含 Emoji 表情,如果包含,就在该方法中返回 NO ,不允许输入。

关于如何判断一字符串是否包含 Emoji 表情的方法,网上已经有很多代码片段,一般是通过 Unicode 编码范围来判断 ,详见这里: https://gist.github.com/cihancimen/4146056 ,方法名记为:

- (BOOL)stringContainsEmoji:(NSString *)string;

按照上述思路开发完后,Emoji 表情确实是被限制住无法输入了,但是当把键盘切换为 iOS 系统自带的九宫格拼音键盘准备输入汉字时,却发现拼音无法输入。这是怎么回事?

首先通过观察系统自带拼音键盘的行为,可以发现,当通过拼音来输入汉字时,系统会先在输入框中“预输入”拼音字母作为占位,等用户在键盘上选中汉字时,输入框中的占位“拼音字母”就会被替换为所对应的汉字,如下图:

通过断点调试我们还发现,在输入拼音过程中,以“知识小集”(zhishixiaoji)为例,当我们通过点击第 9 个键来输入字母 z 时,在 UITextField 的代理方法中获取到的即将输入的字符不是 z ,而是一个符号 ➒ ,而输入结束后( textFieldDidChange: )该符号 ➒ 就会被替换为所对应的字母,然后当点击第 4 个键来输入字母 h 时,同样地得到即将输入的字符为 ➍ ,然后再被替换为 h ,以此类推…

我们猜测,苹果之所以这么做是因为,对于九宫格拼音键盘,一个键代表着 3 或 4 个字母,当你点击一个键时,它并不知道你要输入那个字母,所以用一个带圆圈的数字符号作为临时占位,等输入结束时才替换为相应的字母。

在九宫格拼音键盘中,”ABC” 键 ~ “WXYZ” 键所对应的临时占位符号分别为 ➋➌ … ➒ ,表情 “^-^” 键所对应的为符号 ☻ ,而这些符号在 stringContainsEmoji: 方法中刚好都被判为是 Emoji,所以当输入框禁止输入 Emoji 表情时,就会导致拼音也无法输入。

解决方案就是在 Emoji 判定方法中,过滤掉上述符号(对应的 Unicode 编码为 U+278b ~ U+2792U+263b ),如下:

但我们发现系统自带的“全键盘拼音输入”不会有上述问题,因为每个键都只代表一个字母:

而且,国内常用的第三方输入法也不会有这个问题,因为它们不会在输入框中“预输入”拼音字符(而是把拼音显示在键盘上方),只有等用户选中汉字时,才把汉字填写到输入框中,如下(搜狗输入法):

责编内容by:Zubin's Blog 【阅读原文】。感谢您的支持!

您可能感兴趣的

iOS进阶 — 程序启动那些事 欢迎加QQ群讨论:157672725 前言 iOS开发中,main函数是我们认为的入口,但其实从程序启动到main方法被调用之间,还发生了许多事情。比如runtime的初始化、动态库的加载链接等。想要真正了解程序启动,需要了解程序的内部结构。因此,本章将从分析程序(.ipa)的结构开始,到m...
Adding Drag & Drop to UITabBar This year at WWDC 17, several promising new technologies, frameworks and APIs were revealed to eager developers. Each year Andy and I try to focus ...
为设置中心添加常用功能 OneSwift - iOS Tips Based On Swift 在我们开发所有的应用中,通常会提供包含多项功能的设置中心。这些功能可以包括,给用户推荐自己的其他作品、邀请用户好评、提供反馈通道、邀请用户分享应用、打开官网或某些其他地址。 这些功能虽然用户使用频率不高,但对于...
iOS 真机调试如何安装 WebDriverAgent 近期,微信 跳一跳外挂 火了,看了作者的思路和教程,感觉挺简单,不过在实现(照葫芦画瓢)的过程中,遭遇到不少问题。 其中之一便是,真机调试 WDA,参考 iOS 真机如何安装 WebDriverAgent · TesterHome ,下面就按照这篇教程,各...
UIBezierPath绘制柱状图、折线图和饼状图... 最近用 UIBezierPath 绘制了一些图形,像柱状图、折线图和饼状图之类的图形。先上效果图: 基本原理: 利用 UIBezierPath 能够创建基于矢量路径的特性来绘制图形的路径,然后将 UIBezierPath 和 CAShapeLayer 建立关...