文档章节

UITextView自适应高度动态计算高度

法斗斗
 法斗斗
发布于 2016/01/04 14:42
字数 1562
阅读 132
收藏 0

本文章主要是处理自适应高度的。

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

boundingRectWithSize:options:attributes 来计算。

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

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

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

sizeThatFits

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

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


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

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

[objc]  view plain copy 在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 plain copy 在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 plain copy 在CODE上查看代码片 派生到我的代码片
  1. sizeThatFits 这个坑爹的方法。  

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

[objc]  view plain copy 在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. }  

本文转载自:

法斗斗
粉丝 22
博文 368
码字总数 17774
作品 0
杨浦
程序员
私信 提问
用UITextView撸一个顺畅的评论输入框

对比UITextField 继承关系: UITextField继承自UIControl,UITextView继承自UIScrollView; 输入行数 UITextView支持多行输入,可以滑屏垂直滚动,UITextField仅支持单行输入 Placeholder UI...

STzen
2018/05/10
0
0
iOS UItableviewCell实现可变高度的UITextView,动态刷新高度

下午,一个朋友问了一个问题,关于UITableView的,大概意思就是,他想在UITableView的Cell中实现UITextView在用户的输入过程中的高度动态更新。 关于高度自增长UITextView这个实现很简单,网...

神补刀
2015/08/12
0
7
UILabel自适应高度和自动换行- OC swift

加粗; [UILabel setFont:[UIFont fontWithName:@"Helvetica-Bold" size:20]]; 加粗并且倾斜 [UILabel setFont:[UIFont fontWithName:@"Helvetica-BoldOblique" size:20]]; guessLikeLabel.f......

夕阳_jhe
2015/08/17
0
0
UITextView控件的详细讲解

1.创建并初始化 创建UITextView的文件,并在.h文件中写入如下代码: [csharp]view plaincopy #import <UIKit/UIKit.h> @interface TextViewController : UIViewController <UITextViewDeleg......

meilidashijie
2013/01/07
0
0
UI_11 自定义UITableViewCell、Cell的高度自适应

UITableViewCell很难满足我们的需求,因此,CustomCell(自定义单元格)至关重要。下面将通过一个例子演示自定义Cell。第二部分演示根据文本内容自适应Label、Cell高度。 第一部分 CustomCe...

黑伞将军
2015/08/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

一个简单易用的Linux文本编辑器:nano的安装与使用

许多状况下咱们都必要编纂云主机里的文本情节,而现时用的比力多的文本编纂器是vim,这个估量许多人都以为很难用,这边伏笔VPS引荐一个简略易用的文本编纂器nano,比vim简略许多,很轻易上手...

shzwork
12分钟前
0
0
go recover

异常、错误常见语言处理 一般语言都有其错误处理方式,就以鄙人熟悉的php来距离吧。 PHP有多个级别的错误处理方式,以防止程序在还未正确执行完毕时,就造成了程序的提前结束。 try/catch/fi...

o0无忧亦无怖
31分钟前
0
0
玩转混合云+边缘计算,且看ZStack Mini!

文章导读:2019年4月16日,ZStack新品和合作伙伴战略发布会上,面向集团客户和边缘场景需求,ZStack重磅推出ZStack Mini超融合一体机(以下简称:ZStack Mini)和ZStack多云管理平台(以下简...

ZStack社区版
33分钟前
0
0
springboot 整合redis

springboot整合redis官方是有文档的: 英文看不懂可以翻译,代码应该看得懂, 这个是自动注入的。当然也可以xml注入,手动配置。 整合步骤: pom文件: <!-- spring boot web --> ...

jason_kiss
36分钟前
2
0
手机耗电问题,大部分是没有正确使用这个“锁”

当安卓设备闲置时,设备很快会进入休眠状态,以达到省电和减少CPU占用的目的。但有些应用在手机灭屏甚至系统休眠时,依然频繁占用CPU处理事件或唤醒屏幕提示用户消息,这类行为会导致手机耗电...

安卓绿色联盟
37分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部