iOS中UITextField的字?jǐn)?shù)限制

在開發(fā)中, 有些時候會碰到這樣的需求: 希望輸入框有最大字?jǐn)?shù)限制. 比如, 用戶昵稱長度限制, 評論最大字?jǐn)?shù)限制.

剛開始的時候, 采用的是shouldChangeCharactersInRange

http://stackoverflow.com/questions/433337/set-the-maximum-character-length-of-a-uitextfield

這樣在輸入全部是英文的情況下是可以的. 但是當(dāng)輸入是中文時, 由于shouldChangeCharactersInRange判斷的是當(dāng)前鍵盤的字符數(shù), 會出現(xiàn)這樣的問題: 比如你還剩下2個字可以打, 你想輸入"張三", "張"的拼音是Zhang, 于是你在輸入Zh的時候就無法輸入了. 顯然, 這樣的結(jié)果不是我們想要的.

而且,shouldChangeCharactersInRange也沒有響應(yīng)最后拼音到漢字的過程.

然后在這里找到了基本可行的解決方案:

http://blog.sina.com.cn/s/blog_60f977e70101g4gj.html#cmt_3529521

在viewDidLoad中注冊通知.

[[NSNotificationCenter defaultCenter]addObserver:selfselector:@selector(textFieldEditChanged:)name:@"UITextFieldTextDidChangeNotification"object:myTextField];

然后實現(xiàn)監(jiān)聽方法:

-(void)textFieldEditChanged:(NSNotification*)obj{UITextField*textField = (UITextField*)obj.object;NSString*toBeString = textField.text;NSString*lang = [[UITextInputModecurrentInputMode] primaryLanguage];// 鍵盤輸入模式if([lang isEqualToString:@"zh-Hans"]) {// 簡體中文輸入绎签,包括簡體拼音规脸,健體五筆援制,簡體手寫UITextRange*selectedRange = [textField markedTextRange];//獲取高亮部分UITextPosition*position = [textFieldpositionFromPosition:selectedRange.start offset:0];// 沒有高亮選擇的字,則對已輸入的文字進(jìn)行字?jǐn)?shù)統(tǒng)計和限制if(!position) {if(toBeString.length > kMaxLength) {? ? ? ? ? ? ? textField.text = [toBeString substringToIndex:kMaxLength];? ? ? ? ? }? ? ? }// 有高亮選擇的字符串,則暫不對文字進(jìn)行統(tǒng)計和限制else{? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? }// 中文輸入法以外的直接對其統(tǒng)計限制即可简卧,不考慮其他語種情況? else{if(toBeString.length > kMaxLength) {? ? ? ? ? textField.text = [toBeString substringToIndex:kMaxLength];? ? ? }? }}

一切看起來, 似乎還不錯. 通過截取字符來達(dá)到目的.然后導(dǎo)師告訴我, 碰到emoji就掛了. 假設(shè)限制輸入15個字符, 第十五個字符如果輸入是emoji, 則emoji不能正常顯示. 因為emoji是兩個字符大小.

于是, 在這里找到防止這種粗暴截斷方法的思路.

http://stackoverflow.com/questions/15775294/truncate-string-containing-emoji-or-unicode-characters-at-word-or-character-boun

使用rangeOfComposedCharacterSequencesForRange, 防止在range范圍內(nèi)整詞被截斷.

但是iOS貌似不能正確識別中文的composed character sequences, 只要是兩個中文字都會被識別成composed character sequences. 恰好, 輸入emoji時currentInputMode也不是zh-Hans. 因此, 在判斷當(dāng)前輸入Mode是中文時, 可以繼續(xù)使用substringToIndex, 進(jìn)行截斷. 在非中文Mode時, 加以判斷.

代碼如下:

#pragma mark - Notification Method-(void)textFieldEditChanged:(NSNotification*)obj{UITextField*textField = (UITextField*)obj.object;NSString*toBeString = textField.text;NSString*lang = [textField.textInputMode primaryLanguage];if([lang isEqualToString:@"zh-Hans"])// 簡體中文輸入{//獲取高亮部分UITextRange*selectedRange = [textField markedTextRange];UITextPosition*position = [textField positionFromPosition:selectedRange.start offset:0];// 沒有高亮選擇的字肥败,則對已輸入的文字進(jìn)行字?jǐn)?shù)統(tǒng)計和限制if(!position)? ? ? ? {if(toBeString.length > MAX_STARWORDS_LENGTH)? ? ? ? ? ? {? ? ? ? ? ? ? ? textField.text = [toBeString substringToIndex:MAX_STARWORDS_LENGTH];? ? ? ? ? ? }? ? ? ? }? ? }// 中文輸入法以外的直接對其統(tǒng)計限制即可,不考慮其他語種情況else{if(toBeString.length > MAX_STARWORDS_LENGTH)? ? ? ? {NSRangerangeIndex = [toBeString rangeOfComposedCharacterSequenceAtIndex:MAX_STARWORDS_LENGTH];if(rangeIndex.length ==1)? ? ? ? ? ? {? ? ? ? ? ? ? ? textField.text = [toBeString substringToIndex:MAX_STARWORDS_LENGTH];? ? ? ? ? ? }else{NSRangerangeRange = [toBeString rangeOfComposedCharacterSequencesForRange:NSMakeRange(0, MAX_STARWORDS_LENGTH)];? ? ? ? ? ? ? ? textField.text = [toBeString substringWithRange:rangeRange];? ? ? ? ? ? }? ? ? ? }? ? }}

看了一下微信,QQ,知乎的修改昵稱.

微信是將英文字符算一個長度, 中文算兩個長度,emoji算四個長度 總長度是32. 當(dāng)你在輸入中文字符超過規(guī)定長度時, 則強(qiáng)制將當(dāng)前的鍵盤輸入變成英文. 如果剩下的字符數(shù)小于等于3, 則不可以輸入emoji.

QQ也是將英文字符和中文分開計算長度, 但是當(dāng)只剩下一個長度時, 鍵盤無法輸入完整的漢語拼音. 即上面講的<張三>的例子.

不過在修改昵稱這里長度設(shè)長一些無所謂. 如果是一些需要寫評論的地方則還是有體驗優(yōu)化的余地.

知乎二貨居然沒有長度限制, 不過修改昵稱居然要審核...

10月14日更新

后來發(fā)現(xiàn)第三方輸入法(如搜狗,百度輸入法)會出現(xiàn)錯誤, 發(fā)現(xiàn)只需要這樣就行了.

UITextField *textField= (UITextField *)obj.object;? ? NSString *toBeString =textField.text;//獲取高亮部分UITextRange *selectedRange = [textFieldmarkedTextRange];? ? UITextPosition *position = [textFieldpositionFromPosition:selectedRange.start offset:0];// 沒有高亮選擇的字弛作,則對已輸入的文字進(jìn)行字?jǐn)?shù)統(tǒng)計和限制if(!position)? ? {if(toBeString.length > MAX_STARWORDS_LENGTH)? ? ? ? {? ? ? ? ? ? NSRange rangeIndex = [toBeString rangeOfComposedCharacterSequenceAtIndex:MAX_STARWORDS_LENGTH];if(rangeIndex.length ==1)? ? ? ? ? ? {textField.text= [toBeString substringToIndex:MAX_STARWORDS_LENGTH];? ? ? ? ? ? }else{? ? ? ? ? ? ? ? NSRange rangeRange = [toBeString rangeOfComposedCharacterSequencesForRange:NSMakeRange(0, MAX_STARWORDS_LENGTH)];textField.text= [toBeString substringWithRange:rangeRange];? ? ? ? ? ? }? ? ? ? }? ? }

update2: 監(jiān)聽變化可以直接[self addTarget:self action:@selector(textFieldDidChange) forControlEvents:UIControlEventEditingChanged];

iOS9的shouldChangeCharactersInRange函數(shù)有bug,在中文輸入下, 推薦的字不調(diào)用shouldChangeCharactersInRange. 所以不要用其來判斷中文字長度.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末涕蜂,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子映琳,更是在濱河造成了極大的恐慌机隙,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件萨西,死亡現(xiàn)場離奇詭異黍瞧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)原杂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進(jìn)店門印颤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人穿肄,你說我怎么就攤上這事年局。” “怎么了咸产?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵矢否,是天一觀的道長。 經(jīng)常有香客問我脑溢,道長僵朗,這世上最難降的妖魔是什么赖欣? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮验庙,結(jié)果婚禮上顶吮,老公的妹妹穿的比我還像新娘。我一直安慰自己粪薛,他們只是感情好悴了,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著违寿,像睡著了一般湃交。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上藤巢,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天搞莺,我揣著相機(jī)與錄音,去河邊找鬼掂咒。 笑死才沧,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的俏扩。 我是一名探鬼主播糜工,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼录淡!你這毒婦竟也來了捌木?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤嫉戚,失蹤者是張志新(化名)和其女友劉穎刨裆,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體彬檀,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡帆啃,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了窍帝。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片努潘。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖坤学,靈堂內(nèi)的尸體忽然破棺而出疯坤,到底是詐尸還是另有隱情,我是刑警寧澤深浮,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布压怠,位于F島的核電站,受9級特大地震影響飞苇,放射性物質(zhì)發(fā)生泄漏菌瘫。R本人自食惡果不足惜蜗顽,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望雨让。 院中可真熱鬧雇盖,春花似錦、人聲如沸宫患。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽娃闲。三九已至,卻和暖如春匾浪,著一層夾襖步出監(jiān)牢的瞬間皇帮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工蛋辈, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留属拾,地道東北人。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓冷溶,卻偏偏與公主長得像渐白,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子逞频,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容