iOS-UITextField

weixin_33807284發表於2016-08-15

TextField

textfield作為iOS中一個重要的內容我們在很多時候都能用的。只有我們要想使用輸入框就會使用textfield。首先我們來看看如何建立一個textfield。在下面的列子中我們建立了兩個textfield並給他新增了背景顏色,也讓其可以在頁面上顯示出來。

    let textfeild = UITextField.init(frame: CGRectMake(50,50,200,50))
    textfeild.backgroundColor = UIColor.yellowColor()
    self.view.addSubview(textfeild)
    let textfeild1 = UITextField.init(frame: CGRectMake(50,110,200,50))
    textfeild1.backgroundColor = UIColor.yellowColor()
    self.view.addSubview(textfeild1)
    //commanf+shift+k彈出鍵盤

1.textfield專有屬性

a.文字屬性

1.text屬性:主要用來獲取textfeild中輸入資訊

    textfeild.text = "輸入框"

2.placeHolder

    textfeild.placeholder = "請輸入賬號"

3.是否密文輸入true->密文輸入 false->明文輸入

    textfeild.secureTextEntry = true

4.文字顏色

    textfeild.textColor = UIColor.redColor()

5.設定字型

    textfeild.font = UIFont.systemFontOfSize(20)

b.顯示相關

1.設定邊框樣式

    textfeild.borderStyle = .RoundedRect
    //.None沒有邊框
    //.Line:直角邊框
    //.Bezel:直角邊框並且有凹陷的效果
    //.RoundedRect圓角邊框

c.開始編輯的時候是否清空輸入框

    //true->每次點選輸入框都將原來的輸入框中原來的文字清空
    //true->每次點選輸入框都將原來的輸入框中原來的文字不清空
    textfeild.clearsOnBeginEditing = true

清除按鈕模式

    //Never清除按鈕一直不顯示
    //Always清除按鈕一直顯示(輸入框有文字的時候)
    //.UnlessEditing.在非編輯狀態的時候顯示
    //.WhileEditing在編輯狀態的時候顯示
    textfeild.clearButtonMode = .UnlessEditing

4.設定左檢視

    //使用圖片作文左檢視
    let leftimageView = UIImageView.init(image: UIImage.init(named: "1"))
    leftimageView.frame = CGRectMake(0, 0, 40, 40)//座標是無效的,只有大小有效
    
    //使用文字作為左檢視
    let textlabel = UILabel.init(frame: CGRectMake(0, 0, 50, 50))
    textlabel.text = "登陸"
    textfeild.leftView = leftimageView
    //如果想要左檢視顯示出來,必須設定做檢視顯示模式
    textfeild.leftViewMode = .Always

c.鍵盤相關

設定鍵盤上的回車按鈕顯示型別:這是一個列舉大家可以自行去看看其他的型別

    textfeild.returnKeyType = .Google

設定鍵盤型別

    //不同的輸入框設定不同的樣式
    textfeild.keyboardType = .Twitter

設定輸入介面(自定義鍵盤)

    let inputView = UIView.init(frame: CGRectMake(0, 0, 0, 256))
    inputView.backgroundColor = UIColor.greenColor()
//        textfeild.inputView = inputView

設定二級鍵盤

    let accessoryView = UIView.init(frame: CGRectMake(0, 0, 0, 56))
    accessoryView.backgroundColor = UIColor.redColor()
    textfeild.inputAccessoryView = accessoryView