如何实现在TextView使用占位符(placeholder)

原创 2015年11月18日 12:27:13

近期在开发中遇到了一个需求,就是要在textView中添加一个占位符,类似于textField的placeholder,但是经过查询,发现textView并没有placeholder属性。 随意只能自己重写了。其实原理很简单,分为两步

  • 1、创建一个label加入textView中。
  • 2、判断状态,如果在输入,就隐藏label。

其实主要就是这两步,我们接下来就开始封装一个类,来实现这个功能。

创建一个类集成UITextView
定义两个属性

//这里接收占位符的字符串
@property (nonatomic, copy) NSString *placeHolder;
//用来判断是否隐藏占位符的label
@property (nonatomic, assign) BOOL hidenPlaceHolder;

首先自然是要先懒加载一个UILabel
Q:为什么这个UIlabel要懒加载
A:如果不懒加载,否则,没设置一次就会加载一次,造成内存浪费

//在分类中添加一个uiLabel属性
@interface XXTextView ()

@property (nonatomic, weak) UILabel *placeHolderLabel;

@end

然后重写这个Label的get属性,即懒加载:

//懒加载这个Label
-(UILabel *)placeHolderLabel{
    if (_placeHolderLabel == nil) {
        //创建label
        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(5, 7, 30, 20)];
        label.textColor = [UIColor lightGrayColor];
        //给label赋值
        _placeHolderLabel = label;

        //将label显示在试图上
        [self addSubview:label];

    }

    return _placeHolderLabel;
}

接下来在在实现文件中重写placeholder属性的set方法:

//重写placeholder的set方法
-(void)setPlaceHolder:(NSString *)placeHolder{
    _placeHolder = placeHolder;

    self.placeHolderLabel.text = placeHolder;
    //边界根据内容自适应
    [self.placeHolderLabel sizeToFit];

}

但是运行时发现,占位符的字号和即将输入的字号不同,这个时候我们就要调整Label的字条,使UILabel的字号和占位符的字号一致。
为了不造成资源浪,我们重写intwithFrame方法,在其中设置光标的字号,代码如下:

//默认调整字号为16
-(instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
        self.font = [UIFont systemFontOfSize:16];
        self.placeHolderLabel.font = self.font;
    }
    return self;
}

这样,是不是就重合了呢,第一步就完成了,接下来就要实现隐藏功能了。

重写hidenplaceholder的set方法:

//重写hidenplaceholder的set方法
- (void)setHidenPlaceHolder:(BOOL)hidenPlaceHolder{

    _hidenPlaceHolder = hidenPlaceHolder;
    self.placeHolderLabel.hidden = hidenPlaceHolder;

}

然后在你创建textView的时候进行判断。如果监听到输入,就隐藏Label,这个时候就要用到通知了。
自然,第一步,订阅通知:

//订阅通知
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextViewTextDidChangeNotification object:nil];

然后我们实现这个textChange方法就可以了

- (void)textChange{
    [self becomeFirstResponder];

    if (_textView.text.length) { //有内容
        _textView.hidenPlaceHolder = YES;
    }else{
        _textView.hidenPlaceHolder = NO;
    }
}

订阅了通知,记得退订通知

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

这样。封装一个TextView类的占位符功能就完成了。下次如果还要使用,直接导入.h和.m文件就可以使用了。

可能描述的不是很清楚。详细代码如下
XXTextView.h

#import <UIKit/UIKit.h>

@interface middleViewController : UIViewController

@end

XXTextView.m

#import "XXTextView.h"

@interface XXTextView ()

@property (nonatomic, weak) UILabel *placeHolderLabel;

@end

@implementation XXTextView

-(instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
        self.font = [UIFont systemFontOfSize:16];
        _placeHolderLabel.font = self.font;
    }
    return self;
}
-(UILabel *)placeHolderLabel{
    if (_placeHolderLabel == nil) {
        //创建label
        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(5, 7, 30, 20)];
        label.textColor = [UIColor lightGrayColor];
        //给label赋值
        _placeHolderLabel = label;

        //将label显示在试图上
        [self addSubview:label];

    }

    return _placeHolderLabel;
}

- (void)setHidenPlaceHolder:(BOOL)hidenPlaceHolder{

    _hidenPlaceHolder = hidenPlaceHolder;
    self.placeHolderLabel.hidden = hidenPlaceHolder;

}
-(void)setPlaceHolder:(NSString *)placeHolder{
    _placeHolder = placeHolder;

    self.placeHolderLabel.text = placeHolder;
    //边界根据内容自适应
    [self.placeHolderLabel sizeToFit];

}

- (void)setFont:(UIFont *)font{
    [super setFont:font];

    _placeHolderLabel.font = font;
    [_placeHolderLabel sizeToFit];
}
@end

接下来在ViewController中创建一个UITextView

 XXTextView *textView = [[XXTextView alloc] initWithFrame:[UIScreen mainScreen].bounds];
    _textView = textView;

    //设置占位符
    textView.placeHolder = @"快记录今天的心情吧";
    [self.view addSubview:textView];

    //订阅通知
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextViewTextDidChangeNotification object:nil];

如果写得不好,或者有问题,请联系作者修正

版权声明:本文为博主原创文章,未经博主允许不得转载。

iOS占位文字placeholder设置技巧

@interface BSPublishTextView : UITextView /** 对外属性占位字符 placeholder */ @property (nonatomic, copy) ...
  • cybtop
  • cybtop
  • 2017年07月29日 11:44
  • 237

AI学习之路(20)占位符(placeholder)的使用

在编写TF程序里,经常会有一些待输入的参数,但是在建立模型时,需要使用到它,那么就需要使用占用符的方式来写入计算公式里,也就是建立到模型里的关系。下面就是一个使用占位符的例子:#python 3.5....
  • caimouse
  • caimouse
  • 2017年03月13日 11:37
  • 1644

TextView占位符

引子: 如果一段文字需要多段TextView拼接而成,比如:“我叫XXX,今年XX岁了,身高X.X米”。 拿到这样的需求可能我们第一反应就是StringBuilder的append(也许是因为...
  • lingdianalex
  • lingdianalex
  • 2016年09月19日 09:39
  • 2408

Tensorflow学习: Placeholder占位符

本文注意: 1. placeholder应用与feed_dcit是绑定的 2. 在r0.12版本中tensorflow的乘法是tensorflow.multiply(x,y)# -*- codin...
  • Eric2016_Lv
  • Eric2016_Lv
  • 2017年05月03日 11:18
  • 844

textView设置placeholder

初始化设置: _textView.delegate = self; _textView.font = [UIFont systemFontOfSize:15]; _textVie...
  • yyc_quietly
  • yyc_quietly
  • 2015年09月07日 10:06
  • 273

关于安卓 模块内的manifest文件使用占位符的思考

首先:在模块内的manifest.xml中 > ...
  • rnZuoZuo
  • rnZuoZuo
  • 2017年07月19日 14:52
  • 289

TextView常用的几种方式:占位符(一)

前言: 以前写过关于TextView的相关内容,但是觉得没有把他们给整理出来,有点凌乱,所以在这里再次花时间把TextView常用的几种方式再次整理出来让大家参考! 功能: 本文主要是完成类似京东套...
  • jayliu1989
  • jayliu1989
  • 2017年03月22日 08:50
  • 1974

WPF控件开发(1) TextBox占位符

在twitter-bootstrap中有这么一个功能: 我们如何在WPF也实现类似这种写法: 首先熟悉一点WPF的人都知道,placeholder在...
  • nanqi0506
  • nanqi0506
  • 2013年06月03日 08:48
  • 2306

给TextView添加占位符

// // HYBTextView.h // // Created by huangyibiao on 14-6-3. // Copyright (c) 2014年 huangyibiao. A...
  • woaifen3344
  • woaifen3344
  • 2014年08月05日 10:59
  • 8440

理解Sass的选择占位符%placeholder

本文由大漠根据Daniel Imms的《Understanding placeholder selectors》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如...
  • kaosini
  • kaosini
  • 2014年10月30日 10:03
  • 1057
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何实现在TextView使用占位符(placeholder)
举报原因:
原因补充:

(最多只允许输入30个字)