在SWIFT中自定義UITextField

Question

如何使用swift 3 IOS中的UITextField實現下面的屏幕。

Answer 1

做這樣的...

• 添加UIImageView爲左側圖標圖像，需要設定圖像和背景顏色
• 添加UITextField的ImageView的旁邊，設置邊框樣式「沒有邊框樣式'
• 設置所需的背景顏色
• D Ø相同的密碼字段也，而對於眼睛圖標視圖看看這個https://github.com/Sahilberi/ImageTextField

Answer 2

1. 添加的UITextField

2. 添加子視圖爲ImageView的

3. 集的字母UITextField

下面的示例代碼爲：

func addTextField() { 
     let txtUserName = UITextField(frame: CGRect(x: 30, y: 70, width: 320, height: 45)) 
     let txtPassword = UITextField(frame: CGRect(x: 30, y: 140, width: 320, height: 45)) 
     txtUserName.backgroundColor = UIColor.black 
     txtPassword.backgroundColor = UIColor.black 

     txtUserName.alpha = 0.35 
     txtPassword.alpha = 0.35 

     let imgUser = UIImageView(frame: CGRect(x: 5, y: 5, width: 35, height: 35)) 
     let imgKey = UIImageView(frame: CGRect(x: 5, y: 5, width: 35, height: 35)) 
     let imgEye = UIImageView(frame: CGRect(x: txtPassword.frame.size.width - 40, y: 5, width: 35, height: 35)) 
     imgUser.image = UIImage(named: "user") 
     imgKey.image = UIImage(named: "key") 
     imgEye.image = UIImage(named: "eye") 
     txtUserName.addSubview(imgUser) 
     txtPassword.addSubview(imgKey) 
     txtPassword.addSubview(imgEye) 
     view.addSubview(txtUserName) 
     view.addSubview(txtPassword) 
} 

Answer 3

進口的UIKit

類的ViewController：UIViewController的{

@IBOutlet weak var txtpassword: UITextField! 
@IBOutlet weak var txtUserName: UITextField! 
@IBOutlet weak var txtView: UITextView! //your textView 


override func viewDidLoad() { 

    super.viewDidLoad() 
    //navigationBarColor() 
    setTextFieldSpace(textField :txtUserName) 
    setTextFieldSpace(textField :txtpassword) 
    //textField border 
    txtpassword.borderStyle = .none 
    txtUserName.borderStyle = .none 

} 

//MARK: - Button Action 
// password show hide 
@IBAction func btnShowPasswordClick(_ sender: UIButton) { 
    if txtpassword.isSecureTextEntry{ 
     txtpassword.isSecureTextEntry = false 
    }else{ 
     txtpassword.isSecureTextEntry = true 
    } 
} 

//for set space in left side of textField 
func setTextFieldSpace(textField :UITextField){ 
    let lblSpace = UILabel() 
    lblSpace.frame = CGRect.init(x: 0, y: 0, width: 5, height: 5) 
    lblSpace.backgroundColor = .clear 
    textField.leftView = lblSpace 

    textField.leftViewMode = .always 
    textField.contentVerticalAlignment = .center 
} 

}

//檢查出了這一點把