UITextField in SWIFT anpassen

Question

So erreichen Sie den Bildschirm unter Verwendung von UITextField in swift 3 IOS.

Answer 1

wie folgt tun ...

• UIImageView hinzufügen für die linke Seite Symbolbild, Satz gewünschte Bild und Hintergrundfarbe
• hinzufügen UITextField neben dem Imageview und legen Grenze Stil ' no border style 'im Interface Builder (Storyboard)
• Stellen Sie die erforderliche Hintergrundfarbe ein
• D o die gleiche für Passwort-Feld auch, und für das Auge Symbolansicht haben einen Blick auf diese https://github.com/Sahilberi/ImageTextField

Answer 2

1. hinzufügen UITextField

2. hinzufügen subview als Imageview

3. Set Alpha von UITextField

Below Beispielcode für das:

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

Import UIKit

Klasse 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 
} 

}

// this Out Check out setzen