iOS开发中设置UITextField的占位文字的颜色,和光标的颜色

Posted 2020-08-26 BigBaHuang

在ios开发中,对于很多初学者而言,很有可能碰到需要修改UITextField的占位文字的颜色,以及当UITextField成为第一响应者后光标的颜色,那么下面小编就介绍一下修改占位文字和光标的颜色。
1：当你在使用Storyboard开发是，点击UITextField，在点击右上角的属性检测器，其实在这里面你是找不到有可以修改占位文字和光标颜色的属性的。
2：那就进入UITextField的协议里面去查找，但是还是找不到，
3：在进代理里面去查找，看看有没有通过代理方法，返回颜色并控制占位文字的方法，但是，还是找不到
4：那就需要点击UITextField进入这个类里面去查找看看有没有相关的属性，这个里面有一个@property(nullable, nonatomic,copy)   NSAttributedString     *attributedPlaceholder 属性,这个属性是NSAttributedString类型的，而我们就是需要利用这个属性做文章才能让文字颜色变化。
NSAttributedString：带有属性的文字也叫富文本，但是这个是不可变的，一旦创建完成就器属性就不可以变了，所以类似于NSMutableArray和NSArray的区别一样，NSAttributedString也有与之对应的NSMutableAttributeString。可以在这个里面修改属性，以达到更改占位文字的目的

- (void)viewDidLoad {
    [super viewDidLoad];
   
    [self makeTextField];
   
    self.view.backgroundColor = [UIColor whiteColor];
}

- (void)makeTextField{
   
    //1:实例化一个文本输入框
    UITextField *myTextField = [[UITextField alloc]init];
   
    //2:设置文本输入框的属性
    //2.1设置文本输入框的frame
    myTextField.frame = CGRectMake(100, 50, 200, 40);
    //2.2:设置文本输入框的边框样式
    myTextField.borderStyle = UITextBorderStyleRoundedRect;
    //2.3:设置文本输入框的占位文字
    myTextField.placeholder = @"占位文字";
   
   
    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
    attrs[NSForegroundColorAttributeName] = [UIColor redColor];
    //NSAttributedString:带有属性的文字（叫富文本，可以让你的文字丰富多彩）但是这个是不可变的带有属性的文字，创建完成之后就不可以改变了  所以需要可变的
    NSMutableAttributedString *placeHolder = [[NSMutableAttributedString alloc]initWithString:@"占位文字" attributes:attrs];
    myTextField.attributedPlaceholder = placeHolder;
   
    //3:将文本输入框添加到view中去
    [self.view addSubview:myTextField];
}

运行效果：


还可以利用NSMutableAttributeString的一个方法按照范围来设置文字颜色
- (void)viewDidLoad {
    [super viewDidLoad];
   
    [self makeTextField];
   
    self.view.backgroundColor = [UIColor whiteColor];
}

- (void)makeTextField{
   
    //1:实例化一个文本输入框
    UITextField *myTextField = [[UITextField alloc]init];
   
    //2:设置文本输入框的属性
    //2.1设置文本输入框的frame
    myTextField.frame = CGRectMake(100, 50, 200, 40);
    //2.2:设置文本输入框的边框样式
    myTextField.borderStyle = UITextBorderStyleRoundedRect;
    //2.3:设置文本输入框的占位文字
    myTextField.placeholder = @"占位文字";
   
    NSMutableAttributedString *placeHolder = [[NSMutableAttributedString alloc]initWithString:@"占位文字"];
    [placeHolder setAttributes:@{NSForegroundColorAttributeName:[UIColor greenColor]} range:NSMakeRange(0, 1)];
    [placeHolder setAttributes:@{NSForegroundColorAttributeName:[UIColor redColor]} range:NSMakeRange(1, 1)];
    [placeHolder setAttributes:@{NSForegroundColorAttributeName:[UIColor blueColor]} range:NSMakeRange(2, 1)];
    myTextField.attributedPlaceholder = placeHolder;
   
    //3:将文本输入框添加到view中去
    [self.view addSubview:myTextField];
}
@end

修改光标的颜色就是修改UITextField的tintColor