UITextView的动态适应高度处理

2024-05-24 06:32
文章标签 动态 处理 适应 高度 uitextview

本文主要是介绍UITextView的动态适应高度处理，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

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

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

这篇关于UITextView的动态适应高度处理的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/997633。

相关文章

Springboot处理跨域的实现方式(附Demo)

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》：本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.
阅读更多...
python+opencv处理颜色之将目标颜色转换实例代码

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,：本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV： 关于颜色总是要转HSV的掩膜再标注总结 目标：将红色的部分滤
阅读更多...
Python实现自动化接收与处理手机验证码

Python实现自动化接收与处理手机验证码

《Python实现自动化接收与处理手机验证码》在移动互联网时代,短信验证码已成为身份验证、账号注册等环节的重要安全手段,本文将介绍如何利用Python实现验证码的自动接收,识别与转发,需要的可以参考下... 目录引言一、准备工作1.1 硬件与软件需求1.2 环境配置二、核心功能实现2.1 短信监听与获取2.
阅读更多...
Python使用date模块进行日期处理的终极指南

Python使用date模块进行日期处理的终极指南

《Python使用date模块进行日期处理的终极指南》在处理与时间相关的数据时,Python的date模块是开发者最趁手的工具之一,本文将用通俗的语言,结合真实案例,带您掌握date模块的六大核心功能... 目录引言一、date模块的核心功能1.1 日期表示1.2 日期计算1.3 日期比较二、六大常用方法详
阅读更多...
利用Go语言开发文件操作工具轻松处理所有文件

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具？核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件
阅读更多...
Java使用多线程处理未知任务数的方案介绍

Java使用多线程处理未知任务数的方案介绍

《Java使用多线程处理未知任务数的方案介绍》这篇文章主要为大家详细介绍了Java如何使用多线程实现处理未知任务数,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 知道任务个数，你可以定义好线程数规则，生成线程数去跑代码说明：1.虚拟线程池：使用 Executors.newVir
阅读更多...
一文带你深入了解Python中的GeneratorExit异常处理

一文带你深入了解Python中的GeneratorExit异常处理

《一文带你深入了解Python中的GeneratorExit异常处理》GeneratorExit是Python内置的异常,当生成器或协程被强制关闭时,Python解释器会向其发送这个异常,下面我们来看... 目录GeneratorExit：协程世界的死亡通知书什么是GeneratorExit实际中的问题案例
阅读更多...
最新Spring Security实战教程之表单登录定制到处理逻辑的深度改造(最新推荐)

最新Spring Security实战教程之表单登录定制到处理逻辑的深度改造(最新推荐)

《最新SpringSecurity实战教程之表单登录定制到处理逻辑的深度改造(最新推荐)》本章节介绍了如何通过SpringSecurity实现从配置自定义登录页面、表单登录处理逻辑的配置,并简单模拟... 目录前言改造准备开始登录页改造自定义用户名密码登陆成功失败跳转问题自定义登出前后端分离适配方案结语前言
阅读更多...
mybatis-plus 实现查询表名动态修改的示例代码

mybatis-plus 实现查询表名动态修改的示例代码

《mybatis-plus实现查询表名动态修改的示例代码》通过MyBatis-Plus实现表名的动态替换,根据配置或入参选择不同的表,本文主要介绍了mybatis-plus实现查询表名动态修改的示... 目录实现数据库初始化依赖包配置读取类设置 myBATis-plus 插件测试通过 mybatis-plu
阅读更多...
基于Canvas的Html5多时区动态时钟实战代码

基于Canvas的Html5多时区动态时钟实战代码

《基于Canvas的Html5多时区动态时钟实战代码》：本文主要介绍了如何使用Canvas在HTML5上实现一个多时区动态时钟的web展示，通过Canvas的API，可以绘制出6个不同城市的时钟，并且这些时钟可以动态转动，每个时钟上都会标注出对应的24小时制时间，详细内容请阅读本文，希望能对你有所帮助...
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2