Change custom text field background color and text color IOS Swift

Question

I'm using following custom text field class to change appearance of the text field. Now I need to change text field's background color, text color and place holder color, when user start editing and end editing the text field. How to do it, using this class.

import Foundation
import UIKit

class CustomTextField: UITextField{

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        //Border
        self.layer.cornerRadius = 15.0;
        self.layer.borderWidth = 1.5
        self.layer.borderColor = UIColor.whiteColor().CGColor

        //Background
        self.backgroundColor = UIColor(white: 1, alpha: 0.0)

        //Text
        self.textColor = UIColor.whiteColor()
        self.textAlignment = NSTextAlignment.Center
    }

}

Eendje · Answer 1 · 2017-04-05T11:20:37.007

10

In your CustomTextField class you can add a property observer:

var change: Bool = false {
    didSet {
        textColor = change ? .yellow : .black
        backgroundColor = change ? .blue : .white
    }
}

and in your ViewController:

func textFieldDidBeginEditing(textField: UITextField) {
    customTextField.change = true
}

func textFieldDidEndEditing(textField: UITextField) {
    customTextField.change = false
}

Don't forget to set the delegate of your textfield, in storyboard or programmatically.

EDIT:
Shortened the code and updated for Swift 3

edited Apr 05 '17 at 11:20

answered Apr 27 '15 at 06:22

Eendje

8,815
1
29
31

1

Missing a dot before white on backgroundColor line. It should be: backgroundColor = change ? .blue : .white – lucadb Apr 05 '17 at 11:03

Yaser · Accepted Answer · 2015-04-27T06:23:29.327

5

Add self as a target for the UIControl events you need according to documentation

There you have control events for EditingDidBegin and such.

Something like this:

self.addTarget(self, action: "myFunc", forControlEvents: UIControlEvents.EditingDidBegin);

edited Apr 27 '15 at 06:23

answered Apr 27 '15 at 06:16

Yaser

408
2
6

This method is helping me to do what I wanted to do. Thank you. – Arvin Jayanake Apr 27 '15 at 06:37

score 1 · Answer 3 · answered Jan 13 '19 at 17:43

1

Select the text field -> click "identity inspector" icon -> click on Plus button "user Defined runtime attributes" -> add this text "_placeholderLabel.textColor" in "key path" field -> choose the "Type" "color" and set the value color.

answered Jan 13 '19 at 17:43

HafizAnser

553
6
10

score 0 · Answer 4 · answered Aug 24 '22 at 09:50

@objc func myfunc( _ textfield : UITextField) {

    textfield.backgroundColor = Helper.UIColorFromRGB(0xFFF1F3)
    
}
@objc func myfunc1( _ textfield : UITextField) {
    
    textfield.layer.borderColor = Helper.UIColorFromRGB(0xFF4D67) as! CGColor
    
    textfield.backgroundColor = Helper.UIColorFromRGB(0xFAFAFA)
}


func textfieldBackgroundColor( _ textfield : UITextField) {
    
    textfield.addTarget(self, action: #selector(myfunc), for: UIControl.Event.editingDidBegin)
    textfield.addTarget(self, action: #selector(myfunc1), for: UIControl.Event.editingDidEnd)

    
    
}

score 0 · Answer 5 · answered Jul 18 '23 at 10:08

The accepted answer's code is deprecated.

Old Code:

self.addTarget(self, action: #selector(func), forControlEvents: UIControlEvents.EditingDidBegin)

'UIControlEvents.EditingDidBegin' changed to 'UIControl.Event.editingDidBegin'

New Code:

nameTF.addTarget(self, action: #selector(func), for: UIControl.Event.editingDidBegin)
nameTF.addTarget(self, action: #selector(func), for: UIControl.Event.editingDidEnd)

Change custom text field background color and text color IOS Swift

5 Answers5

Linked