美文网首页
UITextView设置placeholder(占位文字)

UITextView设置placeholder(占位文字)

作者: 忧伤玩偶 | 来源:发表于2017-04-21 20:50 被阅读91次

我们在开发中经常会遇到这样的需求,在textView里面设置占位文字,线程的placeholder属性肯定是没有的,需要我们自己去实现,而实现的方法其实有很多,在这里就用自己常用的方法去做.
思路:自定义textView,添加一个label,内部设置大小和颜色等属性,

在自定义的textView的.m文件里面定义属性,外界传进来的文字和字体的大小

@interface WYTextView : UITextView
@property(nonatomic,copy) NSString *labelString;
@property(nonatomic,strong) UIFont *labelFont;

在.h文件里面重写initWithFrame的方法,在其中添加通知来监听textView文字的改变,并且初始化子控件

-(instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame ]) {
        // 通知监听文字的改变
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textDidChange) name:UITextViewTextDidChangeNotification object:nil];
        [self setupUI];
    }
    return self;
}

// UI
-(void)setupUI
{
    UILabel *label = [[UILabel alloc]init];
    label.textColor = [UIColor lightGrayColor];
    label.numberOfLines = 0;
    // 这里设置label字体的默认大小,如果外界传大小可以改变
    label.font = [UIFont systemFontOfSize:15];
    self.label = label;
    [self addSubview:label];
}

布局子控件

// 布局
-(void)layoutSubviews
{
    [super layoutSubviews];
    [self.label mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self).offset(3);
        make.top.equalTo(self).offset(6);
    }];
}

在自定义的textView内部设置文字和大小

// 外界赋值的时候会自动调用这个方法
-(void)setLabelString:(NSString *)labelString
{
    _labelString = labelString;
    self.label.text = labelString;
    [self setNeedsLayout];
}

// 外界赋值的时候会自动调用这个方法
-(void)setLabelFont:(UIFont *)labelFont
{
    _labelFont = labelFont;
    self.label.font = labelFont;
    // 更新尺寸
    [self setNeedsLayout];
}

我们用的时候只需要传入占位文字的内容和大小就可以了

- (void)viewDidLoad {
    [super viewDidLoad];
    WYTextView *textView = [[WYTextView alloc]init];
    textView.font = [UIFont systemFontOfSize:25];
    textView.labelString = @"下雨天吃黄焖鸡更配哟";
    textView.labelFont = textView.font;
    self.textView = textView;
    [self.view addSubview:textView];
}

最后我们来看下效果,当用户没有输入的时候往下拉,占位文字也会跟着动哟.

textView占位文字演示1.gif

希望对你有所帮助,拜拜......

相关文章

网友评论

      本文标题:UITextView设置placeholder(占位文字)

      本文链接:https://www.haomeiwen.com/subject/blvrzttx.html