UITextView使用小结

UITextView在开发中经常用到,但一直也没对它进行正整理总结,以至于在使用的时候忽略一些小问题,还要浪费不必要的时间。

计算文本的高度和调整文本内间距

CGSize size = [textView sizeThatFits:CGSizeMake(textViewW, CGFLOAT_MAX)];
CGSize size1 = [textView.text boundingRectWithSize:CGSizeMake(textViewW, CGFLOAT_MAX) options:NSStringDrawingUsesFontLeading | NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName: [UIFont systemFontOfSize:14]} context:nil].size;
NSLog(@"sizeThatFits: %f \nboundingRectWithSize: %f", size.height, size1.height);
//Output: sizeThatFits: 100.000000  
//boundingRectWithSize: 83.535156

上面用两个方法计算文本高度只是为了方便比较,当然计算UITextView的高度最好的办法还是是使用sizeThatFits:计算,它并不改变UITextView的size,它只是让UITextView根据已有文本内容和给定size计算出UITextView的contentSize。那么是什么导致两个计算高度不一致,因为textView.textContainerInset默认值是UIEdgeInsetsMake(8, 0, 8, 0),设置textView.textContainerInset = UIEdgeInsetsZero解决,再看下计算的高度值:

Output: sizeThatFits: 84.000000
boundingRectWithSize: 83.535156

计算结果基本接近,但是文本左右仍然有一定的间隔,此时可以使用lineFragmentPadding属性,通过设置textView.textContainer.lineFragmentPadding = 0可以去除左右间距,苹果API解释为在文本框每行的开头和结尾填充宽度默认为5,还是拿到值验证下:

CGFloat lineFragmentPadding = textView.textContainer.lineFragmentPadding;
UIEdgeInsets textContainerInset = textView.textContainerInset;
NSLog(@"lineFragmentPadding: %f\textContainerInset:%@", lineFragmentPadding, NSStringFromUIEdgeInsets(textContainerInset));
//Output: lineFragmentPadding: 5.000000
//textContainerInset:{8, 0, 8, 0}

占位符

第一种方法:使用将label添加在UITextView上利用delegate设置label的透明度来模仿UITextField占位符效果。这种方法使用起来虽然能达到占位占位符效果,但是多出用到UITextView时就用很多重复的代码,所以放弃使用此方法。

第二种方法:继承UITextView在其内部添加个UITextView

#import <UIKit/UIKit.h>

@interface PlaceholderTextView : UITextView

@property (nonatomic, strong) NSString *placeholder;

@property (nonatomic, strong) UIColor *placeholderColor;

@end
#import "PlaceholderTextView.h"

@interface PlaceholderTextView ()

@property (nonatomic, weak) UITextView *placeholderView;

@end

@implementation PlaceholderTextView

- (void)awakeFromNib {
    [super awakeFromNib];
    [self setup];
}

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        [self setup];
    }
    return self;
}

- (void)setup {
    self.scrollEnabled = NO;
    self.scrollsToTop = NO;
    self.showsHorizontalScrollIndicator = NO;
    self.enablesReturnKeyAutomatically = YES;
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textDidChange) name:UITextViewTextDidChangeNotification object:self];
}

- (void)textDidChange {
    self.placeholderView.hidden = self.text.length > 0;
}

- (UITextView *)placeholderView {
    if (_placeholderView == nil) {
        UITextField *textField = [[UITextField alloc] init];
        _placeholderColor = [textField valueForKeyPath:@"_placeholderLabel.textColor"];
        UITextView *placeholderView = [[UITextView alloc] init];
        placeholderView.frame = self.bounds;
        placeholderView.scrollEnabled = NO;
        placeholderView.showsHorizontalScrollIndicator = NO;
        placeholderView.showsVerticalScrollIndicator = NO;
        placeholderView.userInteractionEnabled = NO;
        placeholderView.font = self.font;
        placeholderView.textColor = _placeholderColor;
        placeholderView.backgroundColor = [UIColor clearColor];
        [self addSubview:placeholderView];
        _placeholderView = placeholderView;
    }
    return _placeholderView;
}

- (void)setPlaceholderColor:(UIColor *)placeholderColor {
    _placeholderColor = placeholderColor;
    self.placeholderView.textColor = placeholderColor;
}

- (void)setPlaceholder:(NSString *)placeholder {
    _placeholder = placeholder;
    self.placeholderView.text = placeholder;
}

- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}
     

第三种方法:使用UITextView的Category实现占位符效果,本来是打算自己实现的,但是在github上看到一个别出心裁的UITextView-Placeholder方法,巧妙的运用Method Swizzling、关联属性、KVO等方法实现了占位符功能,不要吝啬使用方法,推荐使用这种方法。

限制最大行数

根据行数计算出textView的最大高,每行高度 * 总行数 + 文字上下间距。

maxTextHeight = ceil(textView.font.lineHeight * maxNumberOfLines + textView.textContainerInset.top + textView.textContainerInset.bottom);

适应文字高度

- (void)textViewDidChange:(UITextView *)textView {
    NSInteger height = ceilf([textView sizeThatFits:CGSizeMake(textView.bounds.size.width, MAXFLOAT)].height);
    if (textHeight != height) {
        textView.scrollEnabled = height > maxTextHeight && maxTextHeight> 0;
        textHeight = height;
        if (textView.scrollEnabled == NO) {
            self.textViewConstraintH.constant = height;
            [self.view layoutIfNeeded];
        }
    }
}

随键盘弹出效果

1、添加监听

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillChangeFrame:) name:UIKeyboardWillChangeFrameNotification object:nil];

2、处理键盘位置变化

- (void)keyboardWillChangeFrame:(NSNotification *)note {
    CGRect endFrame = [note.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    CGFloat duration = [note.userInfo[UIKeyboardAnimationDurationUserInfoKey] floatValue];
    CGFloat screenH = [UIScreen mainScreen].bounds.size.height; 
    _bottomCons.constant = endFrame.origin.y != screenH?endFrame.size.height:0;
    [UIView animateWithDuration:duration animations:^{
        [self.view layoutIfNeeded];
    }];
}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容