UITextView的动态适应高度处理

转载 2015年11月20日 16:07:16

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

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. }  

UITextView的动态适应高度处理

本文章主要是处理自适应高度的。想到自适应高度,想必大家都知道使用boundingRectWithSize:options:attributes 来计算。嗯确实,这是个利器。其本上能正确返回字体的rec...

UITextView的动态适应高度处理

本文章主要是处理自适应高度的。 想到自适应高度,想必大家都知道使用 boundingRectWithSize:options:attributes 来计算。 嗯确实,这是个利器。其本上能...

UITextView限制字数的同时动态适应高度处理

本篇文章是“UITextView限制字数”这片文章的增强、完善,转载自http://blog.csdn.net/fengsh998/article/details/45442391,最终代码如下,具体...

UITextView动态调整高度

UITextview根据内容动态的调整高度

UITextView输入框,动态算高度

UITextView继承UIScrollView,所以也有scrollView的属性 总体的结构是这样的: textview里面有一个textContainer,这个可以理解为一个内容的容器,用来...

IOS UITextView自适应高度

LOFTER app需要实现了一个类似iPhone短信输入框的功能,它的功能其实蛮简单,就是:【UITextView的高度随着内容高度的变化而变化】。实现思路应该是: 在UITextView的t...

IOS UITextView自适应高度

LOFTER app需要实现了一个类似iPhone短信输入框的功能,它的功能其实蛮简单,就是:【UITextView的高度随着内容高度的变化而变化】。实现思路应该是: 在UITextView的t...
  • so_much
  • so_much
  • 2013年10月12日 09:27
  • 18188

IOS开发-自适应高度的UITextView的实现

自适应高度的UITextView的实现 LOFTER app需要实现了一个类似iPhone短信输入框的功能,它的功能其实蛮简单,就是:【UITextView的高度随着内容高度的变化而变化】。 实现...

IOS UITextView自适应高度

LOFTER app需要实现了一个类似iPhone短信输入框的功能,它的功能其实蛮简单,就是:【UITextView的高度随着内容高度的变化而变化】。实现思路应该是: 在UITextView的t...

实现UILabel高度和宽度的自适应和UITextView的高度自适应

part1:  代码如下: 在实际工作过程中 你需要实现宽度和高度自适应。下面有两个方法,一个实现宽度自适应一个实现高度自适应. //ios6 及其以上同样适应。 //声明 @inter...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UITextView的动态适应高度处理
举报原因:
原因补充:

(最多只允许输入30个字)