How can I set two UITextFields together with Swift? - ios

Question

I am trying to put two UITextFields with Swift together similar to this question: UITextField Set Border.
So the result should be one UITextField above the other and they will collapse on the border-bottom of the first one.
I am following the code that is on the question related:
tfUser.layer.borderWidth = 1
tfUser.layer.borderColor = UIColor(red: 69/255, green: 106/255, blue: 153/255, alpha: 1).CGColor
tfUser.layer.cornerRadius = 5
tfUser.clipsToBounds = true; //I am not able to equal this property to 'YES' so I put 'true'. Looking on the documentation I could see that it only accepts a boolean value.
tfPassword.layer.borderWidth = 2
tfPassword.layer.borderColor = UIColor(red: 69/255, green: 106/255, blue: 153/255, alpha: 1).CGColor
tfPassword.layer.cornerRadius = 5
tfPassword.clipsToBounds = true; //I am not able to equal this property to 'YES' so I put 'true'. Looking on the documentation I could see that it only accepts a boolean value.
I also have tried with the accepted answer but it does not recognize that property (I tried with borderStyle but it also does not work as I cannot set it to UITextBorderStyleNone).
The result I am getting right now is:
Am I missing something? What can I do to put them together?
Thanks in advance!

Answer 1

for your concept
step-1
Create One UIView and add the two textfield subview of UIVIew.
Step-2
set your yourTextField.borderStyle as None and set border width and border color
step-3
set the corner radius of UIView as UIView.layer.cornerRadius = 5
updated answer
you can downloaded the sample project in here
create one UIVIew, and two textfields and set your yourTextField.borderStyle = .None
#IBOutlet weak var backview: UIView!
#IBOutlet weak var txtUserName: UITextField!
#IBOutlet weak var txtpassword: UITextField!
and called in your page like
override func viewDidLoad() {
super.viewDidLoad()
self.changecornerRadius(self.txtpassword)
self.changecornerRadius(self.txtUserName)
self.changecornerRadiussd(self.backview)
}
func changecornerRadius(textfield: UITextField) {
textfield.layer.borderWidth = 1
textfield.layer.borderColor = UIColor.lightGrayColor().CGColor
textfield.layer.cornerRadius = 2
textfield.clipsToBounds = true
let paddingView = UIView(frame:CGRectMake(0, 0, 30, 30))
textfield.leftView=paddingView;
textfield.leftViewMode = .Always
}
func changecornerRadiussd(currentView: UIView) {
currentView.layer.borderWidth = 1
currentView.layer.borderColor = UIColor.blueColor().CGColor
currentView.layer.cornerRadius = 5
currentView.clipsToBounds = true
}
you get the output as

Answer 2

To set UITextBorderStyleNone in Swift:
yourTextField.borderStyle = .None

Answer 3

I think you have 3 solutions and both use UITextBorderStyleNon‌e:
add 2 background image
make grouped UITableView, cells should contain UITextFields
Draw it in frameRect method
I recommend to use number two

Answer 4

the best way to achieve this ..have a look below code
#IBAction func showLoginPasswordAlert(sender: UIButton) {
var alert = UIAlertController(title: "User login", message: "login password ..!!", preferredStyle:
UIAlertControllerStyle.Alert)
alert.addTextFieldWithConfigurationHandler(configurationTextFieldLogin)
alert.addTextFieldWithConfigurationHandler(configurationTextFieldPassword)
alert.addAction(UIAlertAction(title: "Ok", style: UIAlertActionStyle.Default, handler:{ (UIAlertAction)in
print("User click Ok button")
// print(self.textField.text)
}))
self.presentViewController(alert, animated: true, completion: {
print("completion block")
})
}
// func to add login textfield
func configurationTextFieldLogin(textField: UITextField!)
{
if let aTextField = textField {
textField.text = "Login"
}
}
// function to add password textfield
func configurationTextFieldPassword(textField: UITextField!)
{
if let aTextField = textField {
textField.text = "Password"
}
}
or you can edit in your best way..