詳釋(常見UITextView 輸入之字數限制)之一---固定長度

好久沒有寫文章了,今天上來寫寫,發現增多了markDown編輯器。挺不錯,後續研究一下,今天暫寫文章先。好了,不廢話。

如題,相信大家看到這個標題都不想看文章了,這有什麼好說的,網上一搜一大把。好吧,自認爲是一搜一大把的跳過,有興趣的就看完。。。。。。


對於限制UITextView輸入的字符數。相信大家在網上見得最多的是實現UITextViewDelegate

  1. - (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range  
  2.  replacementText:(NSString *)text;//有輸入時觸但對於中文鍵盤出示的聯想字選擇時不會觸發  
  3.   
  4. - (void)textViewDidChange:(UITextView *)textView;//當輸入且上面的代碼返回YES時觸發。或當選擇鍵盤上的聯想字時觸發。  
第一個用於限制輸入,第二個用於動態計算剩餘字數。好吧,就來慢慢的給大家分析這兩個代理共同協作來限制輸入。

從最簡單的開始。爲了便於講析,聲明

#define MAX_LIMIT_NUMS     100 來限制最大輸入只能100個字符

詳細的實現代碼:

  1. - (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range  
  2.  replacementText:(NSString *)text  
  3. {  
  4.     NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];  
  5.       
  6.     NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;  
  7.       
  8.     if (caninputlen >= 0)  
  9.     {  
  10.         return YES;  
  11.     }  
  12.     else  
  13.     {  
  14.         NSInteger len = text.length + caninputlen;  
  15.         //防止當text.length + caninputlen < 0時,使得rg.length爲一個非法最大正數出錯  
  16.         NSRange rg = {0,MAX(len,0)};  
  17.           
  18.         if (rg.length > 0)  
  19.         {  
  20.             NSString *s = [text substringWithRange:rg];  
  21.               
  22.             [textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];  
  23.         }  
  24.         return NO;  
  25.     }  
  26.   
  27. }  
  28.   
  29. - (void)textViewDidChange:(UITextView *)textView  
  30. {  
  31.     NSString  *nsTextContent = textView.text;  
  32.     NSInteger existTextNum = nsTextContent.length;  
  33.       
  34.     if (existTextNum > MAX_LIMIT_NUMS)  
  35.     {  
  36.         //截取到最大位置的字符  
  37.         NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];  
  38.           
  39.         [textView setText:s];  
  40.     }  
  41.       
  42.     //不讓顯示負數  
  43.     self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];  
  44. }  

最終運行效果:



圖片這麼大?^_^。大家看到這是不是就表示OK了呢。就提交代碼了呢?

好,下面就對上面的簡單代進行逐一BUG找出且進行修復。


1.遺留BUG(只考慮了英文鍵盤下處理)

  上述代碼在英文鍵盤下基本上是可以正常,但如果是在中文(生在天朝啊必須得懂中文)或9宮格鍵盤下會有什麼問是呢。下圖是我截圖,當輸入到只剩下一個字時,這時輸入拼音時,問題出現了,發現拼音輸不完。另一個問題是當離字數上限差距很大時,輸入拼音會發現字數也跟着計算了。本來還沒有輸入的,此時開始計算了,有瘕次。

如圖,在最後一個,本想輸入一個拼音h開頭的且還沒有出現在推薦字的。哪再輸入第二位拼音時發現不能輸了,且字數被計算了。


對上述可能有朋友說,這算什麼BUG。基本上沒怎麼碰到這情況。嗯確實,但如果是在一段字中間插入的時候呢。這個是有可能出現的。

哪麼怎麼樣處理這樣的產生的BUG呢。從分析來看事實上輸入拼音還處於高亮狀態,哪麼有沒有什麼辦法來獲取呢。於是呼搜尋中。。。。。。

Ok,確實有這樣的好。加上後代碼如下:

  1. - (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range  
  2.  replacementText:(NSString *)text  
  3. {  
  4.     UITextRange *selectedRange = [textView markedTextRange];  
  5.     //獲取高亮部分  
  6.     UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];  
  7.     //獲取高亮部分內容  
  8.     //NSString * selectedtext = [textView textInRange:selectedRange];  
  9.       
  10.     //如果有高亮且當前字數開始位置小於最大限制時允許輸入  
  11.     if (selectedRange && pos) {  
  12.         NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];  
  13.         NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];  
  14.         NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);  
  15.           
  16.         if (offsetRange.location < MAX_LIMIT_NUMS) {  
  17.             return YES;  
  18.         }  
  19.         else  
  20.         {  
  21.             return NO;  
  22.         }  
  23.     }  
  24.   
  25.       
  26.     NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];  
  27.       
  28.     NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;  
  29.       
  30.     if (caninputlen >= 0)  
  31.     {  
  32.         return YES;  
  33.     }  
  34.     else  
  35.     {  
  36.         NSInteger len = text.length + caninputlen;  
  37.         //防止當text.length + caninputlen < 0時,使得rg.length爲一個非法最大正數出錯  
  38.         NSRange rg = {0,MAX(len,0)};  
  39.           
  40.         if (rg.length > 0)  
  41.         {  
  42.             NSString *s = [text substringWithRange:rg];  
  43.               
  44.             [textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];  
  45.             //既然是超出部分截取了,哪一定是最大限制了。  
  46.             self.lbNums.text = [NSString stringWithFormat:@"%d/%ld",0,(long)MAX_LIMIT_NUMS];  
  47.         }  
  48.         return NO;  
  49.     }  
  50.   
  51. }  
  52.   
  53. - (void)textViewDidChange:(UITextView *)textView  
  54. {  
  55.     UITextRange *selectedRange = [textView markedTextRange];  
  56.     //獲取高亮部分  
  57.     UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];  
  58.       
  59.     //如果在變化中是高亮部分在變,就不要計算字符了  
  60.     if (selectedRange && pos) {  
  61.         return;  
  62.     }  
  63.       
  64.     NSString  *nsTextContent = textView.text;  
  65.     NSInteger existTextNum = nsTextContent.length;  
  66.       
  67.     if (existTextNum > MAX_LIMIT_NUMS)  
  68.     {  
  69.         //截取到最大位置的字符  
  70.         NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];  
  71.           
  72.         [textView setText:s];  
  73.     }  
  74.       
  75.     //不讓顯示負數 口口日  
  76.     self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];  
  77. }  


效果如下:有拼音輸入還在高亮時,字數不再計算。



經過上述處理,基本上能支持正常的中,英輸入法鍵盤的字符限制。

到這裏可能部分開發者就可以說大功告成了,可以和BOSS說,BUG弄好了。正準備看大片時。。。。。測試來了,又有BUG了。

凸^-^凸

還有BUG?不可能吧。(很多情況下,是我們一下子思考不完全導至的,也有些場景未能正常預知所至,因此經驗至關重要)

上述的代碼,在輸入中,英文都能正常限制和處理,但如果是輸入的字符帶有emoji表情符,且用戶是使用粘貼的方式就有可能出BUG。看截圖,在最後一位時貼個emoji.就變爲亂碼了?爲什麼是亂碼?因爲emoji在IOS中使用的是UTF16也就是佔位符是8+8兩個字節的(佔的長度爲2,因此在計算字數時一個表情就佔了2即全部表情只能輸入50個,故計算上也是一個問題),相當於雙UNICODE。所以在使用

substringWithRange或substringToIndex等截取時就可能正好只取到了某個emoji的一半字符。如圖顯示:


因此在使用截取字符串函數時,必須判斷出截取位置是不是emoji字符。(當然還有能存在某些不知道的字符在最後一個時粘貼截取出問題。)還好ios對中文的截取還算正確。否則得判斷unicode了。好吧,既然問是出現了,哪必須得解決啊,否則BOSS又要發威了。。。。

解決思路就是判斷截取的位置是否正好爲emoji。一個比較笨的方式就是判斷截取的位置,先假設爲emoji,取位置前1個字符和當前字串組合(AB)然後用emoji的正則判斷這個組合後的字符是否爲emoji如果是,則說明截取的位置正好是一個emoji的結束位。如果組合起來發現不是emoji,則再來判斷截取位置和+1字符串(注意要判斷是否越界),組合後BC進行emoji正則,若爲emoji則說明截取的位置正好把emoji劈成兩半了,所以這個時候的實際截取應該是當前截取位置+1這樣就可以讓emoji截全了。如果不是則放心了,截取的位置不是emoji.(不過不能保證是不是其它雙字節的)

咱先來看看Emoji輸出的長度和他的實際字符(在textview中只取一個笑臉符就可以看出了)

  1. //encode  
  2. NSData *data = [comcatstr dataUsingEncoding:NSNonLossyASCIIStringEncoding];  
  3. NSString *goodValue = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];  
  4.   
  5. NSLog(@"gv = %@,len = %d",goodValue,goodValue.length);  
  6.   
  7. //decode  
  8. data = [goodValue dataUsingEncoding:NSUTF8StringEncoding];  
  9. goodValue = [[NSString alloc] initWithData:data encoding:NSNonLossyASCIIStringEncoding];  
  10.   
  11. NSLog(@"gv = %@,len = %d",goodValue,goodValue.length);  

輸出日誌爲:


爲解決截取問題,於是呼,我又尋求了一種更爲合適的方法(個人認爲還不錯)只要不用於計算字數,還可以效率。

完整代碼:

  1. - (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range  
  2.  replacementText:(NSString *)text  
  3. {  
  4.     UITextRange *selectedRange = [textView markedTextRange];  
  5.     //獲取高亮部分  
  6.     UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];  
  7.     //獲取高亮部分內容  
  8.     //NSString * selectedtext = [textView textInRange:selectedRange];  
  9.       
  10.     //如果有高亮且當前字數開始位置小於最大限制時允許輸入  
  11.     if (selectedRange && pos) {  
  12.         NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];  
  13.         NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];  
  14.         NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);  
  15.           
  16.         if (offsetRange.location < MAX_LIMIT_NUMS) {  
  17.             return YES;  
  18.         }  
  19.         else  
  20.         {  
  21.             return NO;  
  22.         }  
  23.     }  
  24.   
  25.       
  26.     NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];  
  27.       
  28.     NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;  
  29.       
  30.     if (caninputlen >= 0)  
  31.     {  
  32.         return YES;  
  33.     }  
  34.     else  
  35.     {  
  36.         NSInteger len = text.length + caninputlen;  
  37.         //防止當text.length + caninputlen < 0時,使得rg.length爲一個非法最大正數出錯  
  38.         NSRange rg = {0,MAX(len,0)};  
  39.           
  40.         if (rg.length > 0)  
  41.         {  
  42.             NSString *s = @"";  
  43.             //判斷是否只普通的字符或asc碼(對於中文和表情返回NO)  
  44.             BOOL asc = [text canBeConvertedToEncoding:NSASCIIStringEncoding];  
  45.             if (asc) {  
  46.                 s = [text substringWithRange:rg];//因爲是ascii碼直接取就可以了不會錯  
  47.             }  
  48.             else  
  49.             {  
  50.                 __block NSInteger idx = 0;  
  51.                 __block NSString  *trimString = @"";//截取出的字串  
  52.                 //使用字符串遍歷,這個方法能準確知道每個emoji是佔一個unicode還是兩個  
  53.                 [text enumerateSubstringsInRange:NSMakeRange(0, [text length])  
  54.                                               options:NSStringEnumerationByComposedCharacterSequences  
  55.                                            usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {  
  56.                                                  
  57.                                                if (idx >= rg.length) {  
  58.                                                    *stop = YES//取出所需要就break,提高效率  
  59.                                                    return ;  
  60.                                                }  
  61.                                                  
  62.                                                trimString = [trimString stringByAppendingString:substring];  
  63.                                                  
  64.                                                idx++;  
  65.                                            }];  
  66.                   
  67.                 s = trimString;  
  68.             }  
  69.             //rang是指從當前光標處進行替換處理(注意如果執行此句後面返回的是YES會觸發didchange事件)  
  70.             [textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];  
  71.             //既然是超出部分截取了,哪一定是最大限制了。  
  72.             self.lbNums.text = [NSString stringWithFormat:@"%d/%ld",0,(long)MAX_LIMIT_NUMS];  
  73.         }  
  74.         return NO;  
  75.     }  
  76.   
  77. }  
  78.   
  79. - (void)textViewDidChange:(UITextView *)textView  
  80. {  
  81.     UITextRange *selectedRange = [textView markedTextRange];  
  82.     //獲取高亮部分  
  83.     UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];  
  84.       
  85.     //如果在變化中是高亮部分在變,就不要計算字符了  
  86.     if (selectedRange && pos) {  
  87.         return;  
  88.     }  
  89.       
  90.     NSString  *nsTextContent = textView.text;  
  91.     NSInteger existTextNum = nsTextContent.length;  
  92.       
  93.     if (existTextNum > MAX_LIMIT_NUMS)  
  94.     {  
  95.         //截取到最大位置的字符(由於超出截部分在should時被處理了所在這裏這了提高效率不再判斷)  
  96.         NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];  
  97.           
  98.         [textView setText:s];  
  99.     }  
  100.       
  101.     //不讓顯示負數 口口日  
  102.     self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];  
  103. }  

回顧一下,文章到此,共解決了哪些易遺留的BUG

1.中,英文字符輸入時限制。

2.帶emoji時截取顯示半個或亂碼字符處理。


好,到此是不是認爲上面已經較爲完美了。不然。前面和大家提到過,哪有emoji時字符數的計算就有問題,因爲一個emoji有可能佔長度爲2,有個別是爲1的。有朋友會說,只不過是數據顯示不對,但不影響顯示。真的麼?哪麼你這樣想就錯了,隨便取一段帶emoji和普通英文字符,來回複製你會發現,這時你按退格刪除鍵時,不起作用了。爲什麼呢?原因爲出在截取emoji代碼部分,因爲爲防止載半個emoji,所以將一個emoji原本的長度len=2當1來計算了,導至最後整體長度大於實際長度。因此爲保證最基本的準確性,調整一下截取代碼。

  1. [text enumerateSubstringsInRange:NSMakeRange(0, [text length])  
  2.                               options:NSStringEnumerationByComposedCharacterSequences  
  3.                            usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {  
  4.                                  
  5.                                NSInteger steplen = substring.length;  
  6.                                if (idx >= rg.length) {  
  7.                                    *stop = YES//取出所需要就break,提高效率  
  8.                                    return ;  
  9.                                }  
  10.                                  
  11.                                trimString = [trimString stringByAppendingString:substring];  
  12.                                  
  13.                                idx = idx + steplen;//這裏變化了,使用了字串佔的長度來作爲步長  
  14.                            }];  
到此基本上能確定帶emoji時長度。即長度爲100時,純emoji則爲50,如果是50個字符,則最多隻能再加25個emoji.


哪麼有朋友又想把一個emoji當作一個字符來計算哪怎麼處理。我建議大家使用

  1. [text enumerateSubstringsInRange:NSMakeRange(0, [text length])  
  2.                                               options:NSStringEnumerationByComposedCharacterSequences  
  3.                                            usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {  
這個方法來處理。網上有好多計算混合字符串長度的。對emoji的處理都不正確。

寫到這裏基本上能解決輸入字符的限制。希望對大家有所幫助,謝謝。過程中還有想不到的或未預見的也希望大家留言給我。我好研究再進行補充。謝謝大家。


請繼續關注UITextView的動態適應高度處理。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章