iOS自帶九宮格拼音鍵盤和Emoji表情之間的問(wèn)題有哪些

這篇文章主要介紹iOS自帶九宮格拼音鍵盤和Emoji表情之間的問(wèn)題有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

發(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)把鍵盤切換為 iOS 系統(tǒng)自帶的九宮格拼音鍵盤準(zhǔn)備輸入漢字時(shí)，卻發(fā)現(xiàn)拼音無(wú)法輸入。這是怎么回事？

解決過(guò)程

首先通過(guò)觀察系統(tǒng)自帶拼音鍵盤的行為，可以發(fā)現(xiàn)，當(dāng)通過(guò)拼音來(lái)輸入漢字時(shí)，系統(tǒng)會(huì)先在輸入框中“預(yù)輸入”拼音字母作為占位，等用戶在鍵盤上選中漢字時(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è)，蘋果之所以這么做是因?yàn)?，?duì)于九宮格拼音鍵盤，一個(gè)鍵代表著 3 或 4 個(gè)字母，當(dāng)你點(diǎn)擊一個(gè)鍵時(shí)，它并不知道你要輸入那個(gè)字母，所以用一個(gè)帶圓圈的數(shù)字符號(hào)作為臨時(shí)占位，等輸入結(jié)束時(shí)才替換為相應(yīng)的字母。

在九宮格拼音鍵盤中，”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），如下：

但我們發(fā)現(xiàn)系統(tǒng)自帶的“全鍵盤拼音輸入”不會(huì)有上述問(wèn)題，因?yàn)槊總€(gè)鍵都只代表一個(gè)字母：

而且，國(guó)內(nèi)常用的第三方輸入法也不會(huì)有這個(gè)問(wèn)題，因?yàn)樗鼈儾粫?huì)在輸入框中“預(yù)輸入”拼音字符（而是把拼音顯示在鍵盤上方），只有等用戶選中漢字時(shí)，才把漢字填寫到輸入框中，如下（搜狗輸入法）：

以上是“iOS自帶九宮格拼音鍵盤和Emoji表情之間的問(wèn)題有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！