UITextView的动态适应高度处理

时间:2023-02-01 08:01:08

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

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

boundingRectWithSize:options:attributes 来计算。

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

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

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

sizeThatFits

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

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


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

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

- (void)textViewDidChange:(UITextView *)textView{
CGSize size = [textView sizeThatFits:CGSizeMake(CGRectGetWidth(textView.frame), MAXFLOAT)];
CGRect frame = textView.frame;
frame.size.height = size.height;
textView.frame = frame;
}
在输入的时候,很正常的,会自动调整度高,没有什么问题。但如果你采用的不是输入,而是COPY和粘贴,哪么问题就出现了。见图

未输入时高度设为35
UITextView的动态适应高度处理

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

UITextView的动态适应高度处理

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


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


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

- (CGSize)getStringRectInTextView:(NSString *)string InTextView:(UITextView *)textView;{    //    //    NSLog(@"行高  = %f container = %@,xxx = %f",self.textview.font.lineHeight,self.textview.textContainer,self.textview.textContainer.lineFragmentPadding);    //    //实际textView显示时我们设定的宽    CGFloat contentWidth = CGRectGetWidth(textView.frame);    //但事实上内容需要除去显示的边框值    CGFloat broadWith    = (textView.contentInset.left + textView.contentInset.right                            + textView.textContainerInset.left                            + textView.textContainerInset.right                            + textView.textContainer.lineFragmentPadding/*左边距*/                            + textView.textContainer.lineFragmentPadding/*右边距*/);        CGFloat broadHeight  = (textView.contentInset.top                            + textView.contentInset.bottom                            + textView.textContainerInset.top                            + textView.textContainerInset.bottom);//+self.textview.textContainer.lineFragmentPadding/*top*//*+theTextView.textContainer.lineFragmentPadding*//*there is no bottom padding*/);        //由于求的是普通字符串产生的Rect来适应textView的宽    contentWidth -= broadWith;        CGSize InSize = CGSizeMake(contentWidth, MAXFLOAT);        NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc]init];    paragraphStyle.lineBreakMode = textView.textContainer.lineBreakMode;    NSDictionary *dic = @{NSFontAttributeName:textView.font, NSParagraphStyleAttributeName:[paragraphStyle copy]};        CGSize calculatedSize =  [string boundingRectWithSize:InSize options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:dic context:nil].size;        CGSize adjustedSize = CGSizeMake(ceilf(calculatedSize.width),calculatedSize.height + broadHeight);//ceilf(calculatedSize.height)    return adjustedSize;}- (void)refreshTextViewSize:(UITextView *)textView{    CGSize size = [textView sizeThatFits:CGSizeMake(CGRectGetWidth(textView.frame), MAXFLOAT)];    CGRect frame = textView.frame;    frame.size.height = size.height;    textView.frame = frame;}- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text{    //对于退格删除键开放限制    if (text.length == 0) {        return YES;    }        UITextRange *selectedRange = [textView markedTextRange];    //获取高亮部分    UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];    //获取高亮部分内容    //NSString * selectedtext = [textView textInRange:selectedRange];        //如果有高亮且当前字数开始位置小于最大限制时允许输入    if (selectedRange && pos) {        NSInteger startOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.start];        NSInteger endOffset = [textView offsetFromPosition:textView.beginningOfDocument toPosition:selectedRange.end];        NSRange offsetRange = NSMakeRange(startOffset, endOffset - startOffset);                if (offsetRange.location < MAX_LIMIT_NUMS) {            return YES;        }        else        {            return NO;        }    }        NSString *comcatstr = [textView.text stringByReplacingCharactersInRange:range withString:text];        NSInteger caninputlen = MAX_LIMIT_NUMS - comcatstr.length;        if (caninputlen >= 0)    {        //加入动态计算高度        CGSize size = [self getStringRectInTextView:comcatstr InTextView:textView];        CGRect frame = textView.frame;        frame.size.height = size.height;        textView.frame = frame;        return YES;    }    else    {        NSInteger len = text.length + caninputlen;        //防止当text.length + caninputlen < 0时,使得rg.length为一个非法最大正数出错        NSRange rg = {0,MAX(len,0)};                if (rg.length > 0)        {            NSString *s = @"";            //判断是否只普通的字符或asc码(对于中文和表情返回NO)            BOOL asc = [text canBeConvertedToEncoding:NSASCIIStringEncoding];            if (asc) {                s = [text substringWithRange:rg];//因为是ascii码直接取就可以了不会错            }            else            {                __block NSInteger idx = 0;                __block NSString  *trimString = @"";//截取出的字串                //使用字符串遍历,这个方法能准确知道每个emoji是占一个unicode还是两个                [text enumerateSubstringsInRange:NSMakeRange(0, [text length])                                              options:NSStringEnumerationByComposedCharacterSequences                                           usingBlock: ^(NSString* substring, NSRange substringRange, NSRange enclosingRange, BOOL* stop) {                                                                                              NSInteger steplen = substring.length;                                               if (idx >= rg.length) {                                                   *stop = YES; //取出所需要就break,提高效率                                                   return ;                                               }                                                                                              trimString = [trimString stringByAppendingString:substring];                                                                                              idx = idx + steplen;                                           }];                                s = trimString;            }            //rang是指从当前光标处进行替换处理(注意如果执行此句后面返回的是YES会触发didchange事件)            [textView setText:[textView.text stringByReplacingCharactersInRange:range withString:s]];                        //由于后面反回的是NO不触发didchange            [self refreshTextViewSize:textView];            //既然是超出部分截取了,哪一定是最大限制了。            self.lbNums.text = [NSString stringWithFormat:@"%d/%ld",0,(long)MAX_LIMIT_NUMS];        }        return NO;    }}- (void)textViewDidChange:(UITextView *)textView{    UITextRange *selectedRange = [textView markedTextRange];    //获取高亮部分    UITextPosition *pos = [textView positionFromPosition:selectedRange.start offset:0];        //如果在变化中是高亮部分在变,就不要计算字符了    if (selectedRange && pos) {        return;    }        NSString  *nsTextContent = textView.text;    NSInteger existTextNum = nsTextContent.length;        if (existTextNum > MAX_LIMIT_NUMS)    {        //截取到最大位置的字符(由于超出截部分在should时被处理了所在这里这了提高效率不再判断)        NSString *s = [nsTextContent substringToIndex:MAX_LIMIT_NUMS];                [textView setText:s];    }        //不让显示负数 口口日    self.lbNums.text = [NSString stringWithFormat:@"%ld/%d",MAX(0,MAX_LIMIT_NUMS - existTextNum),MAX_LIMIT_NUMS];        [self refreshTextViewSize:textView];}

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


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

sizeThatFits 这个坑爹的方法。

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

- (void)refreshTextViewSize:(UITextView *)textView{    CGSize size = [self getStringRectInTextView:textView.text InTextView:textView];//[textView sizeThatFits:CGSizeMake(CGRectGetWidth(textView.frame), MAXFLOAT)];    if (self.autoAdpterRect && (size.height > CGRectGetHeight(textView.frame)))    {        CGRect frame = textView.frame;        frame.size.height = size.height;        textView.frame = frame;    }}