关闭

UITextView的动态适应高度处理

266人阅读 评论(0) 收藏 举报
分类:

想到自适应高度,想必大家都知道使用

boundingRectWithSize:options:attributes 来计算。

嗯确实,这是个利器。其本上能正确返回字体的rect。但对于UITextView 似乎使用此方法计算出来的结果比实际显示的要小。为什么呢?

我个人也在网上搜了好多,但都不尽人意。于是乎想是不是UITextView做了些额外的处理,比如把行高,边框宽也加在一起了。顺着这条线索一路摸,果然,找出了点门道。

如果你对UITextView熟悉的话,你知道他有个

sizeThatFits

方法,这个可以正确的返回字体显示的RECT大小。哪有朋友就想了,既然都提供了这个方法,哪不是更好么,省得自己去计算。不是更直接么。好是好,但要触保什么场合使用。

哪么使用sizeThatFits会出现什么问题。


给大家举个不太舒服的bug;

相信大家度娘时大多搜出来的代码是这样的。

[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. - (void)textViewDidChange:(UITextView *)textView  
  2. {  
  3.     CGSize size = [textView sizeThatFits:CGSizeMake(CGRectGetWidth(textView.frame), MAXFLOAT)];  
  4.     CGRect frame = textView.frame;  
  5.     frame.size.height = size.height;  
  6.     textView.frame = frame;  
  7. }  
在输入的时候,很正常的,会自动调整度高,没有什么问题。但如果你采用的不是输入,而是COPY和粘贴,哪么问题就出现了。见图

未输入时高度设为35

当我复制几行汉字时,再粘贴,看会有什么问题。见图。咦,处长的字体上移了一部分,当滚动一下又回到了正常显示。


为什么会这样呢?原因是因为sizeThatFits是在有文字时才进行计算的。一开始为35高度。在汉字输入完全结束后,高度还是35.由于字体过多所以要显示全部字体时先将字体向上滚动,以显示到最后的字符。之后再调用DidChange方法这里由于已经有字体了,再来计算出高度。并正确设置了高度。但由于字体滚动在先。frame设置在后,且设置后没有重新布局导致。


哪怎么解决此问题呢。详细经过就不讲解了。代码贴上来,大家学习一下,值得关注的是计算动态度哪个方法,希望对大家起作用。找了好多资料才摸出这个。算是比较准确的。与sizeThatFits算出来差距不大。(大字也尝试下如果带有emoji计算出来的结果是否有差距啊这个没试呢。)


完整代码:(基于上一篇的字体限制基础上进行处理的)

[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. - (CGSize)getStringRectInTextView:(NSString *)string InTextView:(UITextView *)textView;  
  2. {  
  3.     //  
  4.     //    NSLog(@"行高  = %f container = %@,xxx = %f",self.textview.font.lineHeight,self.textview.textContainer,self.textview.textContainer.lineFragmentPadding);  
  5.     //  
  6.     //实际textView显示时我们设定的宽  
  7.     CGFloat contentWidth = CGRectGetWidth(textView.frame);  
  8.     //但事实上内容需要除去显示的边框值  
  9.     CGFloat broadWith    = (textView.contentInset.left + textView.contentInset.right  
  10.                             + textView.textContainerInset.left  
  11.                             + textView.textContainerInset.right  
  12.                             + textView.textContainer.lineFragmentPadding/*左边距*/  
  13.                             + textView.textContainer.lineFragmentPadding/*右边距*/);  
  14.       
  15.     CGFloat broadHeight  = (textView.contentInset.top  
  16.                             + textView.contentInset.bottom  
  17.                             + textView.textContainerInset.top  
  18.                             + textView.textContainerInset.bottom);//+self.textview.textContainer.lineFragmentPadding/*top*//*+theTextView.textContainer.lineFragmentPadding*//*there is no bottom padding*/);  
  19.       
  20.     //由于求的是普通字符串产生的Rect来适应textView的宽  
  21.     contentWidth -= broadWith;  
  22.       
  23.     CGSize InSize = CGSizeMake(contentWidth, MAXFLOAT);  
  24.       
  25.     NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc]init];  
  26.     paragraphStyle.lineBreakMode = textView.textContainer.lineBreakMode;  
  27.     NSDictionary *dic = @{NSFontAttributeName:textView.font, NSParagraphStyleAttributeName:[paragraphStyle copy]};  
  28.       
  29.     CGSize calculatedSize =  [string boundingRectWithSize:InSize options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:dic context:nil].size;  
  30.       
  31.     CGSize adjustedSize = CGSizeMake(ceilf(calculatedSize.width),calculatedSize.height + broadHeight);//ceilf(calculatedSize.height)  
  32.     return adjustedSize;  
  33. }  
  34.   
  35. - (void)refreshTextViewSize:(UITextView *)textView  
  36. {  
  37.     CGSize size = [textView sizeThatFits:CGSizeMake(CGRectGetWidth(textView.frame), MAXFLOAT)];  
  38.     CGRect frame = textView.frame;  
  39.     frame.size.height = size.height;  
  40.     textView.frame = frame;  
  41. }  
  42.   
  43. - (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range  
  44.  replacementText:(NSString *)text  
  45. {  
  46.     //对于退格删除键开放限制  
  47.     if (text.length == 0) {  
  48.         return YES;  
  49.     }  
  50.       
  51.     UITextRange *selectedRange = [textView markedTextRange];  
  52.     //获取高亮部分  
  53.     UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];  
  54.     //获取高亮部分内容  
  55.     //NSString * selectedtext = [textView textInRange:selectedRange];  
  56.       
  57.     //如果有高亮且当前字数开始位置小于最大限制时允许输入  
  58.     if (selectedRange && pos) {  
  59.         NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];  
  60.         NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];  
  61.         NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);  
  62.           
  63.         if (offsetRange.location < MAX_LIMIT_NUMS) {  
  64.             return YES;  
  65.         }  
  66.         else  
  67.         {  
  68.             return NO;  
  69.         }  
  70.     }  
  71.   
  72.       
  73.     NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];  
  74.       
  75.     NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;  
  76.       
  77.     if (caninputlen >= 0)  
  78.     {  
  79.         //加入动态计算高度  
  80.         CGSize size = [self getStringRectInTextView:comcatstr InTextView:textView];  
  81.         CGRect frame = textView.frame;  
  82.         frame.size.height = size.height;  
  83.   
  84.         textView.frame = frame;  
  85.         return YES;  
  86.     }  
  87.     else  
  88.     {  
  89.         NSInteger len = text.length + caninputlen;  
  90.         //防止当text.length + caninputlen < 0时,使得rg.length为一个非法最大正数出错  
  91.         NSRange rg = {0,MAX(len,0)};  
  92.           
  93.         if (rg.length > 0)  
  94.         {  
  95.             NSString *s = @"";  
  96.             //判断是否只普通的字符或asc码(对于中文和表情返回NO)  
  97.             BOOL asc = [text canBeConvertedToEncoding:NSASCIIStringEncoding];  
  98.             if (asc) {  
  99.                 s = [text substringWithRange:rg];//因为是ascii码直接取就可以了不会错  
  100.             }  
  101.             else  
  102.             {  
  103.                 __block NSInteger idx = 0;  
  104.                 __block NSString  *trimString = @"";//截取出的字串  
  105.                 //使用字符串遍历,这个方法能准确知道每个emoji是占一个unicode还是两个  
  106.                 [text enumerateSubstringsInRange:NSMakeRange(0, [text length])  
  107.                                               options:NSStringEnumerationByComposedCharacterSequences  
  108.                                            usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {  
  109.                                                  
  110.                                                NSInteger steplen = substring.length;  
  111.                                                if (idx >= rg.length) {  
  112.                                                    *stop = YES//取出所需要就break,提高效率  
  113.                                                    return ;  
  114.                                                }  
  115.                                                  
  116.                                                trimString = [trimString stringByAppendingString:substring];  
  117.                                                  
  118.                                                idx = idx + steplen;  
  119.                                            }];  
  120.                   
  121.                 s = trimString;  
  122.             }  
  123.             //rang是指从当前光标处进行替换处理(注意如果执行此句后面返回的是YES会触发didchange事件)  
  124.             [textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];  
  125.               
  126.             //由于后面反回的是NO不触发didchange  
  127.             [self refreshTextViewSize:textView];  
  128.             //既然是超出部分截取了,哪一定是最大限制了。  
  129.             self.lbNums.text = [NSString stringWithFormat:@"%d/%ld",0,(long)MAX_LIMIT_NUMS];  
  130.         }  
  131.         return NO;  
  132.     }  
  133.   
  134. }  
  135.   
  136.   
  137. - (void)textViewDidChange:(UITextView *)textView  
  138. {  
  139.     UITextRange *selectedRange = [textView markedTextRange];  
  140.     //获取高亮部分  
  141.     UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];  
  142.       
  143.     //如果在变化中是高亮部分在变,就不要计算字符了  
  144.     if (selectedRange && pos) {  
  145.         return;  
  146.     }  
  147.       
  148.     NSString  *nsTextContent = textView.text;  
  149.     NSInteger existTextNum = nsTextContent.length;  
  150.       
  151.     if (existTextNum > MAX_LIMIT_NUMS)  
  152.     {  
  153.         //截取到最大位置的字符(由于超出截部分在should时被处理了所在这里这了提高效率不再判断)  
  154.         NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];  
  155.           
  156.         [textView setText:s];  
  157.     }  
  158.       
  159.     //不让显示负数 口口日  
  160.     self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];  
  161.       
  162.     [self refreshTextViewSize:textView];  
  163. }  

好了。大功告成。也为自己做的笔记吧,每次页面上要处理限制,总要写一次,里面涉及的细节也比较多。因此直接贴代码。下次好直接COPY来用。呵呵。copy是个不好的习惯。。。。。。。若用须谨慎。谢谢大家。


上述还存在一此不爽的BUG就是快速回车换行时,看到光标闪个不停。经查原因是因为

[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. sizeThatFits 这个坑爹的方法。  

修改如下:解决快带换行光标闪的问题。 

[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. - (void)refreshTextViewSize:(UITextView *)textView  
  2. {  
  3.     CGSize size = [self getStringRectInTextView:textView.text InTextView:textView];//[textView sizeThatFits:CGSizeMake(CGRectGetWidth(textView.frame), MAXFLOAT)];  
  4.     if (self.autoAdpterRect && (size.height > CGRectGetHeight(textView.frame)))  
  5.     {  
  6.         CGRect frame = textView.frame;  
  7.         frame.size.height = size.height;  
  8.         textView.frame = frame;  
  9.     }  
  10. }  

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:24176次
    • 积分:911
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:53篇
    • 译文:0篇
    • 评论:0条