Swift—UITextField的基本用法


https://www.jianshu.com/p/63bdeca39ddf

1、文本輸入框的創建#####

let textField = UITextField(frame: CGRect(x:10, y:60, width:200, height:30))

// let textField = UITextField()

// textField.frame = CGRect(x:20,y:30,width:100,height:30)

//設置邊框樣式為圓角矩形

textField.borderStyle = UITextBorderStyle.roundedRect

self.view.addSubview(textField)

 

其中,文本輸入框的邊框樣式有以下幾種:

public enum UITextBorderStyle : Int {

case none  無邊框

case line 直線邊框

case bezel 圓角矩形邊框

case roundedRect 邊線+陰影

}

2、文本輸入框的提示文字#####

textField.placeholder = "請輸入相關信息"

 

 

 

 

 

 

提示文字

 

3、文字大小超過文本框長度時自動縮小字號,而不是隱藏顯示省略號#####

textField.adjustsFontSizeToFitWidth=true  //當文字超出文本框寬度時,自動調整文字大小

textField.minimumFontSize=14  //最小可縮小的字號

 

4、水平/垂直對齊方式

/** 水平對齊 **/

textField.textAlignment = .right //水平右對齊

textField.textAlignment = .center //水平居中對齊

textField.textAlignment = .left //水平左對齊

 

/** 垂直對齊 **/

textField.contentVerticalAlignment = .top  //垂直向上對齊

textField.contentVerticalAlignment = .center  //垂直居中對齊

textField.contentVerticalAlignment = .bottom  //垂直向下對齊

 

5、背景圖片設置

textField.borderStyle = .none //先要去除邊框樣式

textField.background = UIImage(named:"background1");

 

6、清除按鈕(輸入框內右側小叉)#####

 

 

 

 

 

 

 

textField.clearButtonMode = .whileEditing  //編輯時出現清除按鈕

textField.clearButtonMode = .unlessEditing  //編輯時不出現,編輯后才出現清除按鈕

textField.clearButtonMode = .always  //一直顯示清除按鈕

 

7,設置文本框關聯的鍵盤類型#####

Default:系統默認的虛擬鍵盤

ASCII Capable:顯示英文字母的虛擬鍵盤

Numbers and Punctuation:顯示數字和標點的虛擬鍵盤

URL:顯示便於輸入url網址的虛擬鍵盤

Number Pad:顯示便於輸入數字的虛擬鍵盤

Phone Pad:顯示便於撥號呼叫的虛擬鍵盤

Name Phone Pad:顯示便於聊天撥號的虛擬鍵盤

Email Address:顯示便於輸入Email的虛擬鍵盤

Decimal Pad:顯示用於輸入數字和小數點的虛擬鍵盤

Twitter:顯示方便些Twitter的虛擬鍵盤

Web Search:顯示便於在網頁上書寫的虛擬鍵盤

使用樣例:

textField.keyboardType = UIKeyboardType.numberPad

 

8,使文本框在界面打開時就獲取焦點,並彈出輸入鍵盤

textField.becomeFirstResponder()

 

9,使文本框失去焦點,並收回鍵盤

##########

textField.resignFirstResponder()

 

10,設置鍵盤return鍵的樣式

textField.returnKeyType = UIReturnKeyType.done //表示完成輸入

textField.returnKeyType = UIReturnKeyType.go //表示完成輸入,同時會跳到另一頁

textField.returnKeyType = UIReturnKeyType.search //表示搜索

textField.returnKeyType = UIReturnKeyType.join //表示注冊用戶或添加數據

textField.returnKeyType = UIReturnKeyType.next //表示繼續下一步

textField.returnKeyType = UIReturnKeyType.send //表示發送

 

11,鍵盤return鍵的響應

import UIKit

class ViewController: UIViewController,UITextFieldDelegate {

     

    override func viewDidLoad() {

        super.viewDidLoad()

         

        let textField = UITextField(frame: CGRect(x:10,y:160,width:200,height:30))

        //設置邊框樣式為圓角矩形

        textField.borderStyle = UITextBorderStyle.roundedRect

        textField.returnKeyType = UIReturnKeyType.done

        textField.delegate=self

        self.view.addSubview(textField)

    }

     

    func textFieldShouldReturn(_ textField: UITextField) -> Bool {

        //收起鍵盤

        textField.resignFirstResponder()

        //打印出文本框中的值

        print(textField.text)

        return true;

    }

}

 

12、輸入/顯示文本字體的顏色#####

textField.textColor = UIColor.cyan

 

13、文本框的字體大小設置#####

 //text.font = [UIFont fontWithName:@"Arial" size:20.0f];   //設置輸入框內容的字體樣式和大小

textField.font = UIFont.systemFont(ofSize: 14)

 

14、文本輸入框的代理設置(遵守UITextFieldDelegate協議)#####

例子:class ViewController: UIViewController,UITextFieldDelegate {

textField.delegate = self

 

15、輸入框的背景顏色#####

text.backgroundColor = [UIColor whiteColor];  

 //設置輸入框的背景顏色,此時設置為白色如果使用了自定義的背景圖片邊框會被忽略掉 ~~~

#####16、輸入框中一開始就有的文字#####

 

text.text = @"一開始就在輸入框的文字";

#####17、是否自動糾錯#####

 

text.autocorrectionType = UITextAutocorrectionTypeNo;

有以下幾種選擇樣式

typedef enum {

UITextAutocorrectionTypeDefault, 默認

UITextAutocorrectionTypeNo,   不自動糾錯

UITextAutocorrectionTypeYes,  自動糾錯

} UITextAutocorrectionType;

#####18、再次編輯就清空#####

 

text.clearsOnBeginEditing = YES;

#####19、首字母是否自動大寫#####

 

text.autocapitalizationType = UITextAutocapitalizationTypeNone;

typedef enum {

UITextAutocapitalizationTypeNone, 不自動大寫

UITextAutocapitalizationTypeWords,  單詞首字母大寫

UITextAutocapitalizationTypeSentences,  句子的首字母大寫

UITextAutocapitalizationTypeAllCharacters, 所有字母都大寫

} UITextAutocapitalizationType;

#####20、鍵盤外觀#####

 

textView.keyboardAppearance=UIKeyboardAppearanceDefault

typedef enum {

UIKeyboardAppearanceDefault默認外觀,淺灰色

UIKeyboardAppearanceAlert     深灰石墨色

} UIReturnKeyType;

#####21、最右側加圖片是以下代碼(左側類似)#####

 

UIImageView *image=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"right.png"]];  //

text.rightView=image;

text.rightViewMode = UITextFieldViewModeAlways;

typedef enum {

UITextFieldViewModeNever,

UITextFieldViewModeWhileEditing,

UITextFieldViewModeUnlessEditing,

UITextFieldViewModeAlways

} UITextFieldViewMode;

#####22、重寫繪制行為#####

除了UITextField對象的風格選項,你還可以定制化UITextField對象,為他添加許多不同的重寫方法,來改變文本字段的顯示行為。這些方法都會返回一個CGRect結構,制定了文本字段每個部件的邊界范圍。以下方法都可以重寫

 

– textRectForBounds:      //重寫來重置文字區域

– drawTextInRect:         //改變繪文字屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數,就不用調用super.

– placeholderRectForBounds:  //重寫來重置占位符區域

– drawPlaceholderInRect:  //重寫改變繪制占位符屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數,就不用調用super.

– borderRectForBounds:  //重寫來重置邊緣區域

– editingRectForBounds:  //重寫來重置編輯區域

– clearButtonRectForBounds:  //重寫來重置clearButton位置,改變size可能導致button的圖片失真

– leftViewRectForBounds:

– rightViewRectForBounds:

#####23、委托方法#####

 

 

(BOOL)textFieldShouldBeginEditing:(UITextField *)textField{

//返回一個BOOL值,指定是否循序文本字段開始編輯

return YES;

}

(void)textFieldDidBeginEditing:(UITextField *)textField{

//開始編輯時觸發,文本字段將成為first responder

}

(BOOL)textFieldShouldEndEditing:(UITextField *)textField{

//返回BOOL值,指定是否允許文本字段結束編輯,當編輯結束,文本字段會讓出first responder

//要想在用戶結束編輯時阻止文本字段消失,可以返回NO

//這對一些文本字段必須始終保持活躍狀態的程序很有用,比如即時消息

return NO;

}

(BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{

//當用戶使用自動更正功能,把輸入的文字修改為推薦的文字時,就會調用這個方法。

//這對於想要加入撤銷選項的應用程序特別有用

//可以跟蹤字段內所做的最后一次修改,也可以對所有編輯做日志記錄,用作審計用途。

//要防止文字被改變可以返回NO

//這個方法的參數中有一個NSRange對象,指明了被改變文字的位置,建議修改的文本也在其中

return YES;

}

(BOOL)textFieldShouldClear:(UITextField *)textField{

//返回一個BOOL值指明是否允許根據用戶請求清除內容

//可以設置在特定條件下才允許清除內容

return YES;

}

-(BOOL)textFieldShouldReturn:(UITextField *)textField{

//返回一個BOOL值,指明是否允許在按下回車鍵時結束編輯

//如果允許要調用resignFirstResponder 方法,這回導致結束編輯,而鍵盤會被收起[textField resignFirstResponder];

//查一下resign這個單詞的意思就明白這個方法了

return YES;

}

 

#####24、通知#####

UITextField派生自UIControl,所以UIControl類中的通知系統在文本字段中也可以使用。除了UIControl類的標准事件,你還可以使用下列UITextField類特有的事件

UITextFieldTextDidBeginEditingNotification

UITextFieldTextDidChangeNotification

UITextFieldTextDidEndEditingNotification

當文本字段退出編輯模式時觸發。通知的object屬性存儲了最終文本。

因為文本字段要使用鍵盤輸入文字,所以下面這些事件發生時,也會發送動作通知

UIKeyboardWillShowNotification   //鍵盤顯示之前發送

UIKeyboardDidShowNotification    //鍵盤顯示之后發送

UIKeyboardWillHideNotification   //鍵盤隱藏之前發送

UIKeyboardDidHideNotification    //鍵盤隱藏之后發送

 

//添加通知方法

 

NSNotificationCenter.defaultCenter().addObserver(self, selector: Selector("textFiledEditChanged:"), name: UITextFieldTextDidChangeNotification, object: textfield)

#####25、限制只能輸入特定的字符#####

 

-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{

NSCharacterSet *cs;

cs = [[NSCharacterSet characterSetWithCharactersInString:NUMBERS]invertedSet];

NSString *filtered = [[string componentsSeparatedByCharactersInSet:cs]componentsJoinedByString:@""];//cs分離出數組,數組按@""分離出字符串

BOOL canChange = [string isEqualToString:filtered];

return canChange;

}

上面這個NUMBERS是一個宏,可以在文件頂部定義:

define NUMBERS @”0123456789\n” (這個代表可以輸入數字和換行,請注意這個\n,如果不寫這個,Done按鍵將不會觸發,如果用在SearchBar中,將會不觸發Search事件,因為你自己限制不讓輸入\n,好慘,我在項目中才發現的。)

所以,如果你要限制輸入英文和數字的話,就可以把這個定義為:

define kAlphaNum @”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789″

當然,你還可以在以上方法return之前,做一提示的,比如提示用戶只能輸入數字之類的。如果你覺得有需要的話。

#####26、限制只能輸入一定長度的字符#####

 

 

(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;

{  //string就是此時輸入的那個字符 textField就是此時正在輸入的那個輸入框返回YES就是可以改變輸入框的值 NO相反

if ([string isEqualToString:@"\n"]) //按會車可以改變

{

return YES;

}

NSString * toBeString = [textField.text stringByReplacingCharactersInRange:range withString:string];//得到輸入框的內容

if (self.myTextField == textField)  //判斷是否時我們想要限定的那個輸入框

{

if ([toBeString length] > 20) { //如果輸入框內容大於20則彈出警告

textField.text = [toBeString substringToIndex:20];

UIAlertView *alert = [[[UIAlertView alloc] initWithTitle:nil message:@"超過最大字數不能輸入了" delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil] autorelease];

[alert show];

return NO;

}

}

return YES;

}

 

此外:還有對於UITextField還有很多的用法:

例如:

 

//設置能不能進行編輯/用戶交互的開關

textfield.enabled = true

textfield.userInteractionEnabled = true

//設置圓角屬性

textField.layer.cornerRadius = 10.0

textField.layer.masksToBounds = true

//自定義輸入源控件

let inputview = UIButton(frame: CGRectMake(0.0, 0.0, CGRectGetWidth(self.view.bounds), 100.0))

inputview.setImage(UIImage(named: "normalImage"), forState: UIControlState.Normal)

inputview.backgroundColor = UIColor.lightGrayColor()

inputview.addTarget(self, action: Selector("click:"), forControlEvents: UIControlEvents.TouchUpInside)

textfield.inputView = inputview

// 自定義輸入源控件副視圖

let accessoryview = UIView(frame: CGRectMake(0.0, 0.0, CGRectGetWidth(self.view.bounds), 40.0))

accessoryview.backgroundColor = UIColor.greenColor()

let accessoryLeft = UIButton(frame: CGRectMake(10.0, 10.0, 60.0, 20.0))

accessoryview.addSubview(accessoryLeft)

accessoryLeft.setTitle("取消", forState: UIControlState.Normal)

accessoryLeft.backgroundColor = UIColor.orangeColor()

accessoryLeft.addTarget(self, action: Selector("leftClick:"), forControlEvents: UIControlEvents.TouchUpInside)

let accessoryRight = UIButton(frame: CGRectMake((CGRectGetWidth(accessoryview.bounds) - 10.0 - 60.0), 10.0, 60.0, 20.0))

accessoryview.addSubview(accessoryRight)

accessoryRight.setTitle("確定", forState: UIControlState.Normal)

accessoryRight.backgroundColor = UIColor.orangeColor()

accessoryRight.addTarget(self, action: Selector("rightClick:"), forControlEvents: UIControlEvents.TouchUpInside)

textfield.inputAccessoryView = accessoryview

// 自定義輸入源控件時響應事件

// MARK: - click

func click(button:UIButton)

{

self.view.endEditing(true)

}

//MARK: - left/right click

func leftClick(button:UIButton)

{

print("取消")

}

func rightClick(button:UIButton)

{

self.view.endEditing(true)

print("確定")

}

 

作者:劉高見

鏈接:https://www.jianshu.com/p/63bdeca39ddf

來源:簡書

簡書著作權歸作者所有,任何形式的轉載都請聯系作者獲得授權並注明出處。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM