UITextField 关于placeholder属性的用法

关于UITextField设置占位文字，最常用的就是直接赋值，如下：

textField.placeholder = @"请输入用户名";

但是，在我们的开发中，会遇到各种各样的需求，这就需要我们了解placeholder这个属性更多的作用，下面我列举了一些：例如修改占位文字和光标的颜色,大小等…

一、设置占位文字的颜色

方法一 : 利用富文本

/** 手机号输入框 */
@property (weak, nonatomic) IBOutlet UITextField *phoneTextField;

- (void)viewDidLoad 
{
    [super viewDidLoad];
    // 创建一个富文本对象
    NSMutableDictionary *attributes = [NSMutableDictionary dictionary];
    // 设置富文本对象的颜色
    attributes[NSForegroundColorAttributeName] = [UIColor whiteColor];
    // 设置UITextField的占位文字
    self.phoneTextField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"手机号" attributes:attributes];

}

方法二 : 利用Runtime获取私有的属性名称,利用KVC设置属性

// 设置占位文字的颜色为红色
[textField setValue:[UIColor redColor] forKeyPath:@"_placeholderLabel.textColor"];

• 注意 : _placeholderLabel.textColor是不可乱写的哦,我们是怎么获取到这个属性的呢?请看下文:

// 只调用一次(自定义UITextField)
+ (void)initialize {

    [self getIvars];

}

// 获取私有变量名称
 + (void)getIvars 
{
    unsigned int count = 0;

    Ivar *ivars = class_copyIvarList([UITextField class], &count);

    for (int i = 0; i < count; i++) {
        Ivar ivar = ivars[i];

        NSLog(@"%s----%s", ivar_getName(ivar), ivar_getTypeEncoding(ivar));
    }

}

查看打印,找出可能的属性名称,试试便知~

• 完整代码 : 自定义的UITextField,获取到焦点(编辑状态)的时候是白色,失去焦点(非编辑状态)的时候是灰色:

#import "YCTextField.h"
#import <objc/runtime.h>

#define YCplaceholderTextColor @"_placeholderLabel.textColor"

@implementation YCTextField

+ (void)initialize 
{
    [self getIvars];

}

// 获取私有变量名称
+ (void)getIvars 
{
    unsigned int count = 0;

    Ivar *ivars = class_copyIvarList([UITextField class], &count);

    for (int i = 0; i < count; i++) {
        Ivar ivar = ivars[i];

        NSLog(@"%s----%s", ivar_getName(ivar), ivar_getTypeEncoding(ivar));
    }
}

- (void)awakeFromNib 
{
    // 设置光标的颜色
    self.tintColor = self.textColor;
}

// 获取到焦点
- (BOOL)becomeFirstResponder 
{
    // 利用运行时获取key,设置占位文字的颜色
    [self setValue:self.textColor forKeyPath:YCplaceholderTextColor];

    return [super becomeFirstResponder];
}

// 失去焦点
- (BOOL)resignFirstResponder 
{
    // 利用运行时获取key,设置占位文字的颜色
    [self setValue:[UIColor grayColor] forKeyPath:YCplaceholderTextColor];

    return [super resignFirstResponder];
}

@end

方法三 : 将占位文字画上去(重写- (void)drawPlaceholderInRect:(CGRect)rect;)

- (void)drawPlaceholderInRect:(CGRect)rect
{
    [[UIColor orangeColor] set];

    [self.placeholder drawInRect:rect withFont:[UIFont systemFontOfSize:20]];
}

二、设置光标颜色

// 设置光标的颜色
textField.tintColor = [UIColor redColor];

三、设置占位文字的偏移

• 重写-(CGRect)placeholderRectForBounds:(CGRect)bounds;方法

• 可以用来设置光标与占位的间距

// 控制placeHolder的位置，左右缩20
-(CGRect)placeholderRectForBounds:(CGRect)bounds
{
  //return CGRectInset(bounds, 20, 0);
  CGRect inset = CGRectMake(bounds.origin.x+50, bounds.origin.y, bounds.size.width -10, bounds.size.height);//更好理解些
  return inset;
}

• 扩充 : 系统还提供了很多类似的方法：

– textRectForBounds:　         // 重写来重置文字区域
– drawTextInRect: 　　         // 改变绘文字属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数，就不用调用super了.
– placeholderRectForBounds:　　// 重写来重置占位符区域
– drawPlaceholderInRect:　　   // 重写改变绘制占位符属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数，就不用调用super了
– borderRectForBounds:　　     // 重写来重置边缘区域
– editingRectForBounds:　　    //重写来重置编辑区域
– clearButtonRectForBounds:　　//重写来重置clearButton位置,改变size可能导致button的图片失真
– leftViewRectForBounds:
– rightViewRectForBounds: