UITextView字數限制自適應高度限制輸入


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

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


對於限制UITextView輸入的字符數。相信你們在網上見得最多的是實現UITextViewDelegate 編輯器

[objc]  view plain copy
  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個字符 測試

詳細的實現代碼: spa

[objc]  view plain copy 在CODE上查看代碼片 派生到個人代碼片
  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了呢。就提交代碼了呢? .net

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


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

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

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

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

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

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

[objc]  view plain copy 在CODE上查看代碼片 派生到個人代碼片
  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中只取一個笑臉符就能夠看出了)

[objc]  view plain copy 在CODE上查看代碼片 派生到個人代碼片
  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);  

輸出日誌爲:

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

完整代碼:

[objc]  view plain copy 在CODE上查看代碼片 派生到個人代碼片
  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來計算了,導至最後總體長度大於實際長度。所以爲保證最基本的準確性,調整一下截取代碼。

[objc]  view plain copy 在CODE上查看代碼片 派生到個人代碼片
  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看成一個字符來計算哪怎麼處理。我建議你們使用

[objc]  view plain copy 在CODE上查看代碼片 派生到個人代碼片
  1. [text enumerateSubstringsInRange:NSMakeRange(0, [text length])  
  2.                                               options:NSStringEnumerationByComposedCharacterSequences  
  3.                                            usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {  
這個方法來處理。網上有好多計算混合字符串長度的。對emoji的處理都不正確。

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


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

相關文章
相關標籤/搜索