UITextView的动态适应高度处理

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

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

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

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

为什么会这样呢?原因是因为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是个不好的习惯。。。。。。。若用须谨慎。谢谢大家。

时间: 2025-01-16 03:07:42

UITextView的动态适应高度处理的相关文章

UITableView自定义Cell中,纯代码编程动态获取高度

在UITableView获取高度的代理方法中,经常需要根据实际的模型重新计算每个Cell的高度.直接的做法是在该代理方法中,直接根据模型来返回行高:另 [1]-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 一种比较优雅的方式是将高度的获取方法放在一个单独的frame中[2],frame中包含了该Cell显示需要的数据模型. 但是在IOS8之后,苹果提供了一个

iOS 根据文本内容为TextView动态定义高度

解决方案: 1.定义一个textview,在storyboard中设定该textview的constraints. 2.将高度的constraint定义到头文件中:(直接拖拽) @property (weak, nonatomic) IBOutlet NSLayoutConstraint *textviewHeightConstraint; 3.待在实现文件中为textview加载了内容之后,获取文本高度,为该constraint赋值: CGSize sizeThatShouldFitTheCo

html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计

序:通常我们只能控制div的宽度 而不能控制高度,在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死款高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一,背景:目前移动端大多数图片或视频列表页面的显示,列出几个 可以看出这几个页面都有一个共同点 都有图片 双列 列表单个模块的高度相同  我演技劜他们的源码 都是讲图片设置为固定高度 然后将li撑开 li的宽度设置为50% 然后floatleft 然后用媒体

[转] iOS TableViewCell 动态调整高度

原文: http://blog.csdn.net/crayondeng/article/details/8899577 最近遇到了一个cell高度变化的问题,在找解决办法的时候,参考了这篇文章,觉得不错 在写sina 微博的显示微博内容时,用到cell进行显示,那么就要考虑到不同微博内容导致的cell高度问题.在微博显示的内容中包括了文字和图片,那么就要计算文字部分的高度和图片部分的高度.这篇博文就记录一下如何处理cell高度的动态调整问题吧! 一.传统的方法 在 tableview的deleg

Android 动态改变高度以及计算长度的EditText

前段时间项目需求,需要做一个有限制长度的输入框并动态显示剩余文字,同时也要动态改变EditText的高度来增加用户体验.现整理出来与大家分享. 先来看看效果图 看了效果就分享一下布局 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_wid

UITextView自适应内容的高度且实现光标总是距离键盘一段距离而滑动条却可以延伸到光盘

这几天遇到个想要实现的效果,如题,想了一段时间,昨天实现了,这里说下我实现的方法. 有时候我们使用uitextview编辑文本时,在输入框贴着键盘的情况下(即不设置UITextView的frame距离键盘一段距离)想让输入时光标一直距离键盘一段距离,这样用户的输入体验会好很多,UItextView没有发现这样的代理方法或属性来直接实现这一效果,于是我考虑用一个UIScrollVIew和一个UITextView来实现,即即将UITextVIew贴在UIScrollView上,然后通过UITextV

ListView 动态设置高度问题

今天开发遇到一个问题,就是当动态插入ListView数据的时候,由于之前ListView的高度已经固定死了,所以显示不完整的数据,并且底部显示黑边.如图: 而我希望这个ListView可以动态的改变高度: 当时第一个想到的解决办法就是在setAdapter之后去重新修改ListView的高度,但是发现设置match_parent或wrap_content没有效果,只能设置一个固定的高度.但是显然我的数据长度是不定的,所以设置固定高度不显示. 最后采用的办法是: [java] view plain

iOS 依据文本内容为TextView动态定义高度

解决方式: 1.定义一个textview,在storyboard中设定该textview的constraints. 2.将高度的constraint定义到头文件里:(直接拖拽) @property (weak, nonatomic) IBOutlet NSLayoutConstraint *textviewHeightConstraint; 3.待在实现文件里为textview载入了内容之后,获取文本高度,为该constraint赋值: CGSize sizeThatShouldFitTheCo

android RelativeLayout 动态设置高度

定义: 1 private RelativeLayout mrlay; 调高度: 1 mrlay = (RelativeLayout) findViewById(R.id.rlay_1); 2 android.view.ViewGroup.LayoutParams pp =mrlay.getLayoutParams();3 mrlayt.getLayoutParams();4 pp.height =180; 5 mrlay.setLayoutParams(pp);