The Swift Code之UITextField的使用,及事件委托

UITextField是用来文本输入的,比如常用的登录用户名和密码输入等等,那我们直接进入主题吧

1.创建普通的UITextField

//构建基本的UITextField
var uitf:UITextField = UITextField(frame: CGRect(x: 50, y: 50, width: 200, height: 30))
uitf.backgroundColor = UIColor.whiteColor()
uitf.placeholder = "普通UITextField"

2.构建密码输入框

var uitf1:UITextField = UITextField(frame: CGRect(x: 50, y: 90, width: 200, height: 35))
uitf1.placeholder = "密码输入框"
uitf1.borderStyle = UITextBorderStyle.RoundedRect //边框样式
uitf1.backgroundColor = UIColor.whiteColor()
uitf1.secureTextEntry = true //密码输入框

3.设置UITextField的左边视图

var uitf2:UITextField = UITextField(frame: CGRect(x: 50, y: 135, width: 200, height: 30))
uitf2.placeholder = "请输入购买的物品"
uitf2.backgroundColor = UIColor.whiteColor()
var img:UIImageView = UIImageView(image: UIImage(named: "buy.png")!)
img.frame = CGRect(x: 5, y: 5, width: 40, height: 30)
img.contentMode = UIViewContentMode.ScaleAspectFit
uitf2.leftView = img
uitf2.leftViewMode = UITextFieldViewMode.Always
uitf2.leftViewRectForBounds(CGRect(x: 0, y: 0, width: 44, height: 44))

4.设置UITextField的右边边视图

var uitf3:UITextField = UITextField(frame: CGRect(x: 50, y: 175, width: 200, height: 35))
uitf3.placeholder = "请输入购买的物品"
uitf3.backgroundColor = UIColor.whiteColor()
uitf3.layer.cornerRadius = 2
uitf3.layer.borderWidth = 1
uitf3.layer.borderColor = UIColor.greenColor().CGColor

//uitf3.borderStyle = UITextBorderStyle.RoundedRect
var img1:UIImageView = UIImageView(image: UIImage(named: "buy.png")!)
img1.frame = CGRect(x: 5, y: 5, width: 40, height: 30)
img1.contentMode = UIViewContentMode.ScaleAspectFit
uitf3.rightView = img1
uitf3.rightViewMode = UITextFieldViewMode.Always

5.委托事件,及加入clear按钮

var uitf4:UITextField = UITextField(frame: CGRect(x: 50, y: 220, width: 200, height: 35))
uitf4.backgroundColor = UIColor.whiteColor()
uitf4.delegate = self
uitf4.clearButtonMode = UITextFieldViewMode.WhileEditing

当鼠标进入UITextField时,响应textFieldShouldBeginEditing -> textFieldDidBeginEditing
当鼠标退出UITextField时,响应textFieldShouldEndEditing -> textFieldDidEndEditing
当输入文本内容时,响应textField
在输入框里,在虚拟键盘上点击return时,响应textFieldShouldReturn
在输入框里,点击UITextField的clear按钮,响应textFieldShouldClear

func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {
NSLog("textField")
return true
}

func textFieldShouldBeginEditing(textField: UITextField) -> Bool {

NSLog("textFieldShouldBeginEditing")

return true
}

func textFieldDidBeginEditing(textField: UITextField) {

NSLog("textFieldDidBeginEditing")
}

func textFieldShouldEndEditing(textField: UITextField) -> Bool {

NSLog("textFieldShouldEndEditing")

return true

}

func textFieldDidEndEditing(textField: UITextField) {

NSLog("textFieldDidEndEditing")
}

func textFieldShouldClear(textField: UITextField) -> Bool {

NSLog("textFieldShouldClear")

return true
}

func textFieldShouldReturn(textField: UITextField) -> Bool {

NSLog("textFieldShouldReturn")

textField.resignFirstResponder() //这个隐藏(放弃)虚拟键盘

return true

}

全部代码

import UIKit

class ViewController: UIViewController,UITextFieldDelegate {

override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.

//构建基本的UITextField
var uitf:UITextField = UITextField(frame: CGRect(x: 50, y: 50, width: 200, height: 30))
uitf.backgroundColor = UIColor.whiteColor()
uitf.placeholder = "普通UITextField"
self.view.addSubview(uitf)

//构建密码输入框
var uitf1:UITextField = UITextField(frame: CGRect(x: 50, y: 90, width: 200, height: 35))
uitf1.placeholder = "密码输入框"
uitf1.borderStyle = UITextBorderStyle.RoundedRect //边框样式
uitf1.backgroundColor = UIColor.whiteColor()
uitf1.secureTextEntry = true //密码输入框
self.view.addSubview(uitf1)

//设置UITextField的左边视图
var uitf2:UITextField = UITextField(frame: CGRect(x: 50, y: 135, width: 200, height: 30))
uitf2.placeholder = "请输入购买的物品"
uitf2.backgroundColor = UIColor.whiteColor()
var img:UIImageView = UIImageView(image: UIImage(named: "buy.png")!)
img.frame = CGRect(x: 5, y: 5, width: 40, height: 30)
img.contentMode = UIViewContentMode.ScaleAspectFit
uitf2.leftView = img
uitf2.leftViewMode = UITextFieldViewMode.Always
uitf2.leftViewRectForBounds(CGRect(x: 0, y: 0, width: 44, height: 44))
self.view.addSubview(uitf2)

//设置UITextField的右边边视图
var uitf3:UITextField = UITextField(frame: CGRect(x: 50, y: 175, width: 200, height: 35))
uitf3.placeholder = "请输入购买的物品"
uitf3.backgroundColor = UIColor.whiteColor()
uitf3.layer.cornerRadius = 2
uitf3.layer.borderWidth = 1
uitf3.layer.borderColor = UIColor.greenColor().CGColor

//uitf3.borderStyle = UITextBorderStyle.RoundedRect
var img1:UIImageView = UIImageView(image: UIImage(named: "buy.png")!)
img1.frame = CGRect(x: 5, y: 5, width: 40, height: 30)
img1.contentMode = UIViewContentMode.ScaleAspectFit
uitf3.rightView = img1
uitf3.rightViewMode = UITextFieldViewMode.Always
self.view.addSubview(uitf3)

//委托事件
var uitf4:UITextField = UITextField(frame: CGRect(x: 50, y: 220, width: 200, height: 35))
uitf4.backgroundColor = UIColor.whiteColor()
uitf4.delegate = self
uitf4.clearButtonMode = UITextFieldViewMode.WhileEditing
self.view.addSubview(uitf4)
}

////////
// 当鼠标进入UITextField时,响应textFieldShouldBeginEditing -> textFieldDidBeginEditing
// 当鼠标退出UITextField时,响应textFieldShouldEndEditing -> textFieldDidEndEditing
// 当输入文本内容时,响应textField
// 在输入框里,在虚拟键盘上点击return时,响应textFieldShouldReturn
// 在输入框里,点击UITextField的clear按钮,响应textFieldShouldClear
func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {
NSLog("textField")
return true
}

func textFieldShouldBeginEditing(textField: UITextField) -> Bool {

NSLog("textFieldShouldBeginEditing")

return true
}

func textFieldDidBeginEditing(textField: UITextField) {

NSLog("textFieldDidBeginEditing")
}

func textFieldShouldEndEditing(textField: UITextField) -> Bool {

NSLog("textFieldShouldEndEditing")

return true

}

func textFieldDidEndEditing(textField: UITextField) {

NSLog("textFieldDidEndEditing")
}

func textFieldShouldClear(textField: UITextField) -> Bool {

NSLog("textFieldShouldClear")

return true
}

func textFieldShouldReturn(textField: UITextField) -> Bool {

NSLog("textFieldShouldReturn")

textField.resignFirstResponder() //这个隐藏(放弃)虚拟键盘

return true

}

}

效果图



转载自吴统威的博客:http://www.wutongwei.com/front/infor_showone.tweb?id=98