快捷導(dǎo)航

關(guān)于iOS自帶九宮格拼音鍵盤(pán)和Emoji表情之間的一些坑

更新時(shí)間：2018年05月19日 08:42:37 作者：KANGZUBIN

這篇文章主要給大家介紹了關(guān)于iOS自帶九宮格拼音鍵盤(pán)和Emoji表情之間的一些坑文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)各位iOS開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

發(fā)現(xiàn)問(wèn)題

最近產(chǎn)品提了一個(gè)需求：要求某個(gè)“輸入框”禁止輸入 Emoji 表情，我們能想到的方案是：在 UITextField 的 textField:shouldChangeCharactersInRange:replacementString: 代理方法中判斷即將輸入的字符串是否包含 Emoji 表情，如果包含，就在該方法中返回 NO，不允許輸入。

關(guān)于如何判斷一字符串是否包含 Emoji 表情的方法，網(wǎng)上已經(jīng)有很多代碼片段，一般是通過(guò) Unicode 編碼范圍來(lái)判斷，詳見(jiàn)這里：https://gist.github.com/cihancimen/4146056 ，方法名記為：

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

按照上述思路開(kāi)發(fā)完后，Emoji 表情確實(shí)是被限制住無(wú)法輸入了，但是當(dāng)把鍵盤(pán)切換為 iOS 系統(tǒng)自帶的九宮格拼音鍵盤(pán)準(zhǔn)備輸入漢字時(shí)，卻發(fā)現(xiàn)拼音無(wú)法輸入。這是怎么回事？

解決過(guò)程

首先通過(guò)觀察系統(tǒng)自帶拼音鍵盤(pán)的行為，可以發(fā)現(xiàn)，當(dāng)通過(guò)拼音來(lái)輸入漢字時(shí)，系統(tǒng)會(huì)先在輸入框中“預(yù)輸入”拼音字母作為占位，等用戶在鍵盤(pán)上選中漢字時(shí)，輸入框中的占位“拼音字母”就會(huì)被替換為所對(duì)應(yīng)的漢字，如下圖：

通過(guò)斷點(diǎn)調(diào)試我們還發(fā)現(xiàn)，在輸入拼音過(guò)程中，以“知識(shí)小集”（zhishixiaoji）為例，當(dāng)我們通過(guò)點(diǎn)擊第 9 個(gè)鍵來(lái)輸入字母 z 時(shí)，在 UITextField 的代理方法中獲取到的即將輸入的字符不是 z ，而是一個(gè)符號(hào) ➒ ，而輸入結(jié)束后（textFieldDidChange:）該符號(hào) ➒ 就會(huì)被替換為所對(duì)應(yīng)的字母，然后當(dāng)點(diǎn)擊第 4 個(gè)鍵來(lái)輸入字母 h 時(shí)，同樣地得到即將輸入的字符為 ➍ ，然后再被替換為 h，以此類推…

我們猜測(cè)，蘋(píng)果之所以這么做是因?yàn)?，?duì)于九宮格拼音鍵盤(pán)，一個(gè)鍵代表著 3 或 4 個(gè)字母，當(dāng)你點(diǎn)擊一個(gè)鍵時(shí)，它并不知道你要輸入那個(gè)字母，所以用一個(gè)帶圓圈的數(shù)字符號(hào)作為臨時(shí)占位，等輸入結(jié)束時(shí)才替換為相應(yīng)的字母。

在九宮格拼音鍵盤(pán)中，”ABC” 鍵 ~ “WXYZ” 鍵所對(duì)應(yīng)的臨時(shí)占位符號(hào)分別為 ➋➌ … ➒ ，表情 “^-^” 鍵所對(duì)應(yīng)的為符號(hào) ☻ ，而這些符號(hào)在 stringContainsEmoji: 方法中剛好都被判為是 Emoji，所以當(dāng)輸入框禁止輸入 Emoji 表情時(shí)，就會(huì)導(dǎo)致拼音也無(wú)法輸入。

解決方案

就是在 Emoji 判定方法中，過(guò)濾掉上述符號(hào)（對(duì)應(yīng)的 Unicode 編碼為 U+278b ~ U+2792 和 U+263b），如下：