自定义UITextView实现占位文字

-在开发中实现文本的输入方式有UITextField和UITextView

  • UITextField默认有占位文字,但最多只能输入一行文字
  • UITextView能输入多行文字,但没有占位文字
    我们在开发中往往需要既有占位文字又需要多行文字,这就需要我们自定义来解决了
  • 在这里采用继承自UITextView来增加占位文字
自定义UITextView实现占位文字_第1张图片
Simulator Screen Shot 2016年1月22日 下午6.51.30.png

-具体的代码实现

  • 在自定义的ZBHTextView的 .h
#import 
@interface ZBHTextView : UITextView
/** 占位文字 */
@property(nonatomic, copy) NSString *placeholder;
/** 占位文字颜色 */
@property(nonatomic, strong) UIColor *placeholderColor;
@end

继承自UITextView,提供placeholder占位文字和placeholderColor占位文字颜色两个属性

  • 在ZBHTextView的 .m
#import "ZBHTextView.h"
@implementation ZBHTextView
- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        // 设置默认字体
        self.font = [UIFont systemFontOfSize:17];
        // 设置默认颜色
        self.placeholderColor = [UIColor grayColor];
        // 使用通知监听文字改变
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textDidChange:) name:UITextViewTextDidChangeNotification object:self];
    }
    return self;
}
- (void)textDidChange:(NSNotification *)note
{
    // 会重新调用drawRect:方法
    [self setNeedsDisplay];
}
- (void)dealloc
{  
    //移除通知
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}
 // 每次调用drawRect:方法,都会将以前画的东西清除掉
- (void)drawRect:(CGRect)rect
{
    // 如果有文字,就直接返回,不需要画占位文字
    if (self.hasText) return;
    // 属性
    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
    attrs[NSFontAttributeName] = self.font;
    attrs[NSForegroundColorAttributeName] = self.placeholderColor;
    // 画文字 光标与文字不一致,设置尺寸
    rect.origin.x = 5;
    rect.origin.y = 8;
    rect.size.width -= 2 * rect.origin.x;
    [self.placeholder drawInRect:rect withAttributes:attrs];
}
- (void)layoutSubviews
{
    [super layoutSubviews];
    
    [self setNeedsDisplay];
}
#pragma mark - setter
//重写setter方法调用setNeedsDisplay方法刷新
- (void)setPlaceholder:(NSString *)placeholder
{
    _placeholder = [placeholder copy];
    
    [self setNeedsDisplay];
}
- (void)setPlaceholderColor:(UIColor *)placeholderColor
{
    _placeholderColor = placeholderColor;
    
    [self setNeedsDisplay];
}
- (void)setFont:(UIFont *)font
{
    [super setFont:font];
    
    [self setNeedsDisplay];
}
- (void)setText:(NSString *)text
{
    [super setText:text];
    
    [self setNeedsDisplay];
}
- (void)setAttributedText:(NSAttributedString *)attributedText
{
    [super setAttributedText:attributedText];
    
    [self setNeedsDisplay];
}
@end

在这里是通过drawRect方法来写入文字,并且在文字发生改变的时候调用setNeedsDisplay来刷新

  • 在ViewController.m中的代码代码实现
#import "ViewController.h"
#import "ZBHTextView.h"
@interface ViewController ()
/** 自定义的textView */
@property(nonatomic, strong) ZBHTextView *textView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //导航条内容
    [self setupNav];
    
    //添加文本框
    [self setupTextView];
    
}
#pragma mark -- 初始化
//导航条内容
- (void)setupNav{

    self.title = @"发文字";
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStyleDone target:self action:@selector(cancel)];
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"发表" style:UIBarButtonItemStyleDone target:self action:@selector(post)];
    self.navigationItem.rightBarButtonItem.enabled = NO;
    //强制刷新
    [self.navigationController.navigationBar layoutIfNeeded];
}

- (void)setupTextView{
    
    ZBHTextView *textView = [[ZBHTextView alloc] init];
    textView.frame = self.view.bounds;
    //设置可以上下拖动
    textView.alwaysBounceVertical = YES;
    textView.delegate = self;
    textView.placeholder = @"我是占位文字....我是占位文字....我是占位文字....我是占位文字....我是占位文字....我是占位文字....哈哈哈";
    [self.view addSubview:textView];
    self.textView = textView;
}

- (void)cancel{
    [self dismissViewControllerAnimated:YES completion:nil];
}

- (void)post{
  //发表
}

#pragma mark -- UITextFieldDelegate
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    //拖拽时 结束编辑 退出键盘
    [self.textView endEditing:YES];
}

- (void)textViewDidChange:(UITextView *)textView{
    //判读是否有文字  设置发表按钮的状态
    self.navigationItem.rightBarButtonItem.enabled = textView.hasText;
}

@end

在ViewController中只需要调用textView.placeholder方法就可以实现占位文字

  • github代码地址

你可能感兴趣的:(自定义UITextView实现占位文字)