關(guān)于iOS自帶九宮格拼音鍵盤(pán)和Emoji表情之間的一些坑
發(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),如下:
但我們發(fā)現(xiàn)系統(tǒng)自帶的“全鍵盤(pán)拼音輸入”不會(huì)有上述問(wèn)題,因?yàn)槊總€(gè)鍵都只代表一個(gè)字母:
而且,國(guó)內(nèi)常用的第三方輸入法也不會(huì)有這個(gè)問(wèn)題,因?yàn)樗鼈儾粫?huì)在輸入框中“預(yù)輸入”拼音字符(而是把拼音顯示在鍵盤(pán)上方),只有等用戶選中漢字時(shí),才把漢字填寫(xiě)到輸入框中,如下(搜狗輸入法):
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
- IOS自定義UIButton九宮格效果
- iOS實(shí)現(xiàn)九宮格自動(dòng)生成視圖
- IOS 九宮格布局實(shí)現(xiàn)方法
- iOS仿郵箱大師的九宮格手勢(shì)密碼解鎖
- 深入解析iOS應(yīng)用開(kāi)發(fā)中九宮格視圖布局的相關(guān)計(jì)算方法
- 詳解iOS應(yīng)用UI開(kāi)發(fā)中的九宮格坐標(biāo)計(jì)算與字典轉(zhuǎn)換模型
- 使用Swift代碼實(shí)現(xiàn)iOS手勢(shì)解鎖、指紋解鎖實(shí)例詳解
- iOS實(shí)現(xiàn)手勢(shì)解鎖操作
- iOS實(shí)現(xiàn)九宮格連線手勢(shì)解鎖
相關(guān)文章
IOS實(shí)現(xiàn)選擇城市后跳轉(zhuǎn)Tabbar效果
這篇文章主要為大家詳細(xì)介紹了IOS實(shí)現(xiàn)選擇城市后跳轉(zhuǎn)Tabbar效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07超精準(zhǔn)的iOS計(jì)步器實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了超精準(zhǔn)的iOS計(jì)步器實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11IOS 開(kāi)發(fā)之xcode對(duì)比兩個(gè)分支中同一個(gè)文件
這篇文章主要介紹了IOS 開(kāi)發(fā)之xcode對(duì)比兩個(gè)分支中同一個(gè)文件的相關(guān)資料,希望通過(guò)本文能幫助到大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-08-08iOS開(kāi)發(fā)實(shí)現(xiàn)下載器的基本功能(1)
這篇文章主要為大家詳細(xì)介紹了iOS開(kāi)發(fā)實(shí)現(xiàn)下載器基本功能的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-07IOS 實(shí)現(xiàn)一個(gè)死鎖導(dǎo)致 UI 假死的例子
這篇文章主要介紹了IOS 實(shí)現(xiàn)一個(gè)死鎖導(dǎo)致 UI 假死的例子的相關(guān)資料,需要的朋友可以參考下2016-12-12