如何优雅的实现自适应高度的UITextView

之前写过一个自适应高度的textView，用起来好像不是很优雅。于是使用的category重新写了一个，完全无侵入，使用起来很方便，高效。

一.首先看一下文件目录
文件目录
二.看一下实现了那些功能
  • 根据内容自适应高度，支持最大高度，最小高度的设置。
  • 完美实现自定义占位符，无侵入
  • 任意设置行间距
  • 支持手写frame以及xib autoLayout
  • 支持xib设置生效
二.说一下实现思路
  1. 我们知道UITextView 继承与UIScrollView，那么我们是不是可以在系统设置UITextView 的contentSize的时候重新设置textView的高度呢，这样的话我们只需要hook一下UIScrollView的setContentSize：这个函数。这样既可以便捷快速的让textView去自适应高度。   
  2. 占位图的实现 我们在textView上添加了一个完全一模一杨的textView，这样就完美避免了重新设置textContainerInset之后 占位符位置不准确的问题。监听文字变化的时候，使用了通知，进行无侵入监听，不建议使用代理的方式进行监听文字变化。   
  3. 设置行间距重新设置TextView的 typingAttributes属性
三.代码具体实现

首先看一下头文件"UITextView+STAutoHeight.h":

static NSString * const st_layout_frame = @"st_layout_frame";
static NSString * const st_auto_layout = @"st_auto_layout";
IB_DESIGNABLE
@interface UITextView (STAutoHeight)

/**
 是否自适应高度
 */

@property (nonatomic, assign)IBInspectable BOOL isAutoHeightEnable;

/**
 设置最大高度
 */
@property (nonatomic, assign)IBInspectable CGFloat st_maxHeight;

/**
 最小高度
 */
@property (nonatomic, assign) CGFloat st_minHeight;

/**
 占位符
 */
@property (nonatomic, copy)IBInspectable NSString * st_placeHolder;
/**
 占位符颜色
 */
@property (nonatomic, strong) UIColor * st_placeHolderColor;

/**
 占位Label
 */
@property (nonatomic, strong) UITextView * st_placeHolderLabel;

/**
 行间距
 */
@property (nonatomic, assign)IBInspectable CGFloat st_lineSpacing;
@property (nonatomic, strong) NSLayoutConstraint *heightConstraint;
@property (nonatomic, copy) NSString *layout_key;
@property (nonatomic, copy) void(^textViewHeightDidChangedHandle)(CGFloat textViewHeight);
@end
  • 高度自适应
    在 UIScrollView+STAutoHeight.h中hook setContentSize:函数
+ (void)load{
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        method_exchangeImplementations(class_getInstanceMethod(self, @selector(setContentSize:)), class_getInstanceMethod(self, @selector(st_setContentSize:)));
    });
}

实现st_setContentSize:

- (void)st_setContentSize:(CGSize)contentSize{
    if ([self isKindOfClass:[UITextView class]]) {
        UITextView * t_view = (UITextView *)self;
        if (t_view.isAutoHeightEnable) {
            NSString * key = t_view.layout_key;
            CGFloat height = contentSize.height;
            CGRect frame = self.frame;
            if (t_view.st_maxHeight > 0 && height > t_view.st_maxHeight) {
                height = t_view.st_maxHeight;
            }
            if (height < t_view.st_minHeight && t_view.st_minHeight > 0) {
                height = t_view.st_minHeight;
            }
            frame.size.height = height;
            if ([key isEqualToString:st_layout_frame]) {
                self.frame = frame;
            }else{
                if (t_view.heightConstraint) {
                    if ([t_view.heightConstraint isKindOfClass:NSClassFromString(@"NSContentSizeLayoutConstraint")]) {
                        self.scrollEnabled = NO;
                    }else{
                        //主动添加了高度约束
                        self.scrollEnabled = YES;
                        self.frame = frame;
                        t_view.heightConstraint.constant = height;
                    }
                }else{
                    self.scrollEnabled = NO;
                }
               
            }
        }
    }
     [self st_setContentSize:contentSize];
}

在 st_setcontentSize函数中 主要是判断是不是frame布局，frame布局的话直接改变高度即可。

如果是xib布局的话，先检查一下是否设置了高度约束，heightConstraint属性用来获取设置的高度约束，如果为nil，说明没有设置高度约束，我们需要设置textView self.scrollEnabled = NO这样就可以自适应高度了。 需要注意的是当我们没有设置 textView约束的时候，系统默认设置了textView的抗压缩属性 （NSContentSizeLayoutConstraint）默认的优先级为750,这就解释了为什么women设置self.scrollEnabled =NO之后为什么会自适应高度了。如果使我们自己设置的heightConstraint的话 我们改变这个约束即可 t_view.heightConstraint.constant = height;但是会出现界面抖动，我这里暂时设置了self.frame = frame;解决了这个问题

xib中可直接设置属性


xib直接设置属性

原理其实很简单

#import <UIKit/UIKit.h>
static NSString * const st_layout_frame = @"st_layout_frame";
static NSString * const st_auto_layout = @"st_auto_layout";
IB_DESIGNABLE
@interface UITextView (STAutoHeight)

/**
 是否自适应高度
 */

@property (nonatomic, assign)IBInspectable BOOL isAutoHeightEnable;

/**
 设置最大高度
 */
@property (nonatomic, assign)IBInspectable CGFloat st_maxHeight;

关键字 IB_DESIGNABLE 在头文件申明，在需要设置属性前 加关键字 IBInspectable

  • 占位符实现

    在 UITextView+STAutoHeight.h 中动态添加了一个 textView，用来充当占位符,代码如下

- (UITextView *)st_placeHolderLabel{
    UITextView * placeHolderLabel = objc_getAssociatedObject(self, _cmd);
    if (!placeHolderLabel) {
        placeHolderLabel = [[UITextView alloc]initWithFrame:self.bounds];
        placeHolderLabel.textContainerInset = self.textContainerInset;
        placeHolderLabel.font = self.font;
        placeHolderLabel.userInteractionEnabled = NO;
        placeHolderLabel.backgroundColor = [UIColor clearColor];
        placeHolderLabel.textColor = self.st_placeHolderColor;
        placeHolderLabel.scrollEnabled = NO;
        [self addSubview:placeHolderLabel];
        objc_setAssociatedObject(self, _cmd, placeHolderLabel, OBJC_ASSOCIATION_RETAIN);
    }
    return placeHolderLabel;
}
- (void)setSt_placeHolderLabel:(UILabel *)st_placeHolderLabel{
    objc_setAssociatedObject(self, @selector(st_placeHolderLabel), st_placeHolderLabel, OBJC_ASSOCIATION_RETAIN);
}

需要注意的是监听textView的文字变化，我用的是系统通知，看代码：

- (void)setSt_placeHolder:(NSString *)st_placeHolder{
    if (!st_placeHolder) {
        return;
    }
    if(!self.st_observer){
        __weak typeof(self) weakSelf = self;
       id observer = [[NSNotificationCenter defaultCenter]addObserverForName:UITextViewTextDidChangeNotification object:nil queue:[NSOperationQueue mainQueue] usingBlock:^(NSNotification * _Nonnull note) {
            __strong typeof(weakSelf) strongSelf = weakSelf;
            if (note.object == strongSelf) {
                if (strongSelf.text.length == 0) {
                    strongSelf.st_placeHolderLabel.hidden = NO;
                }else{
                    strongSelf.st_placeHolderLabel.hidden = YES;
                }
            }
        }];
        self.st_observer = observer;
    }
    objc_setAssociatedObject(self, @selector(st_placeHolder), st_placeHolder, OBJC_ASSOCIATION_COPY);
    self.st_placeHolderLabel.text = st_placeHolder;
}

实用block方式的通知，在block一定要弱引用，否则会造成循环引用，切记。
这种方式注销通知也比较特殊，我用了一个@property (nonatomic, weak) id st_observer;全局变量去接收这个对象，在dealloc时候注销通知[[NSNotificationCenter defaultCenter]removeObserver:self.st_observer];，（关键字不用weak，需要在注销通知后手动 self.st_observer = nil）

  • 改变行间距 其实很简单 看代码
- (void)setSt_lineSpacing:(CGFloat)st_lineSpacing{
    objc_setAssociatedObject(self, @selector(st_lineSpacing), @(st_lineSpacing), OBJC_ASSOCIATION_ASSIGN);
    
    NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
    paragraphStyle.lineSpacing = self.st_lineSpacing;// 字体的行间距
    NSMutableDictionary * attributes = self.typingAttributes.mutableCopy;
    [attributes setValue:paragraphStyle forKey:NSParagraphStyleAttributeName];
    self.typingAttributes = attributes;
    if (self.text.length > 0) {
        self.text = self.text;
    }
}

这里NSMutableDictionary * attributes = self.typingAttributes.mutableCopy;需要将默认的属性copy过来，需要注意。

4.看一下实际效果图吧
  • frame布局的使用
 _t_view1 = [[UITextView alloc]initWithFrame:CGRectMake(15, 84, self.view.bounds.size.width - 30, 40)];
    _t_view1.isAutoHeightEnable = YES;
    _t_view1.font = [UIFont systemFontOfSize:15];
    _t_view1.text = @"测试一下我是自适应高度的TextView";
    _t_view1.st_placeHolder = @"请输入您的信息";
    _t_view1.st_maxHeight = 200;
    _t_view1.layer.borderWidth = 1;
    _t_view1.layer.borderColor = [UIColor lightGrayColor].CGColor;
    _t_view1.backgroundColor = [UIColor whiteColor];
    _t_view1.st_lineSpacing = 5;
    _t_view1.textViewHeightDidChangedHandle = ^(CGFloat textViewHeight) {
        
    };
    [self.view addSubview:_t_view1];
使用frame效果图.gif

  • 在xib中设置相关属性，打开高度自适应，使用占位符，改变行间距，设置如下图：


    xib设置属性

    看一下运行效果
    xib设置效果图.gif
好了在这里demo 在这里，觉着有用的话star一下，希望能够帮到大家吧。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 194,390评论 5赞 459
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 81,821评论 2赞 371
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 141,632评论 0赞 319
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 52,170评论 1赞 263
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 61,033评论 4赞 355
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 46,098评论 1赞 272
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 36,511评论 3赞 381
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 35,204评论 0赞 253
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 39,479评论 1赞 290
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2赞 309
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1赞 326
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 32,213评论 3赞 312
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 37,576评论 3赞 298
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0赞 17
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1赞 250
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2赞 341
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2赞 335