uitextfield 的使用

iOS中UITextField 使用全面解析

建議收藏,用到的時候來這裏一查就都明白了

//初始化textfield並設置位置及大小正則表達式

UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)];

//設置邊框樣式,只有設置了纔會顯示邊框樣式api

text.borderStyle = UITextBorderStyleRoundedRect;
typedef NS_ENUM(NSInteger, UITextBorderStyle) { UITextBorderStyleNone, // 默認樣式 無邊框 UITextBorderStyleLine, // 邊框加線條 UITextBorderStyleBezel, // 邊框加灰色線條 UITextBorderStyleRoundedRect // 圓角 最經常使用 };

//設置輸入框的背景顏色,此時設置爲白色 若是使用了自定義的背景圖片邊框會被忽略掉app

  text.backgroundColor = [UIColor whiteColor];

//設置背景less

text.background = [UIImage imageNamed:@"dd.png"];

//設置背景ide

text.disabledBackground = [UIImage imageNamed:@"cc.png"];

//當輸入框沒有內容時,水印提示 提示內容爲password函數

text.placeholder = @"password";

// 設置字體樣式和大小字體

text.font = [UIFont fontWithName:@"Arial" size:20.0f];

// 只設置字體大小優化

text.font = [UIFont systemFontOfSize:15];

//設置字體顏色ui

text.textColor = [UIColor redColor];

//輸入框中是否有個叉號,在何時顯示,用於一次性刪除輸入框中的內容lua

text.clearButtonMode = UITextFieldViewModeAlways;
typedef enum { UITextFieldViewModeNever, 重不出現 UITextFieldViewModeWhileEditing, 編輯時出現 UITextFieldViewModeUnlessEditing, 除了編輯外都出現 UITextFieldViewModeAlways  一直出現 } UITextFieldViewMode;

//輸入框中一開始就有的文字

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

//每輸入一個字符就變成點 用語密碼輸入

text.secureTextEntry = YES;

//是否糾錯

text.autocorrectionType = UITextAutocorrectionTypeNo;
typedef enum { UITextAutocorrectionTypeDefault, 默認 UITextAutocorrectionTypeNo,  不自動糾錯 UITextAutocorrectionTypeYes, 自動糾錯 } UITextAutocorrectionType;

//再次編輯就清空

text.clearsOnBeginEditing = YES;

//內容的垂直和水平對齊方式 UITextField繼承自UIControl,此類中的屬性

text.contentVerticalAlignment = UIControlContentVerticalAlignmentTop; // 不過水平好像無論用,若是有哪位大神知道緣由必定要告訴我呀 text.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter; // 只好用下面這個已經被棄用的 text.textAlignment = UITextAlignmentCenter; // 修改 發現如今的水平對齊方式是下面這個。 text.textAlignment = NSTextAlignmentCenter;
typedef NS_ENUM(NSInteger, UIControlContentVerticalAlignment) { UIControlContentVerticalAlignmentCenter = 0, UIControlContentVerticalAlignmentTop = 1, UIControlContentVerticalAlignmentBottom = 2, UIControlContentVerticalAlignmentFill = 3, }; typedef NS_ENUM(NSInteger, UIControlContentHorizontalAlignment) { UIControlContentHorizontalAlignmentCenter = 0, UIControlContentHorizontalAlignmentLeft = 1, UIControlContentHorizontalAlignmentRight = 2, UIControlContentHorizontalAlignmentFill = 3, };

//設置爲YES時文本會自動縮小以適應文本窗口大小.默認是保持原來大小,而讓長文本滾動

textFied.adjustsFontSizeToFitWidth = YES;

//設置自動縮小顯示的最小字體大小

text.minimumFontSize = 20;

//設置鍵盤的樣式

text.keyboardType = UIKeyboardTypeNumberPad; typedef enum { UIKeyboardTypeDefault,  默認鍵盤,支持全部字符 UIKeyboardTypeASCIICapable, 支持ASCII的默認鍵盤 UIKeyboardTypeNumbersAndPunctuation, 標準電話鍵盤,支持+*#字符 UIKeyboardTypeURL, URL鍵盤,支持.com按鈕 只支持URL字符 UIKeyboardTypeNumberPad,  數字鍵盤 UIKeyboardTypePhonePad,   電話鍵盤 UIKeyboardTypeNamePhonePad,  電話鍵盤,也支持輸入人名 UIKeyboardTypeEmailAddress,  用於輸入電子 郵件地址的鍵盤 UIKeyboardTypeDecimalPad,  數字鍵盤 有數字和小數點 UIKeyboardTypeTwitter,  優化的鍵盤,方便輸入@、#字符 UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable, } UIKeyboardType;

挑選幾個比較重要的樣式展現一下


 

 

 

//首字母是否大寫

text.autocapitalizationType = UITextAutocapitalizationTypeNone; typedef enum { UITextAutocapitalizationTypeNone, 不自動大寫 UITextAutocapitalizationTypeWords, 單詞首字母大寫 UITextAutocapitalizationTypeSentences, 句子的首字母大寫 UITextAutocapitalizationTypeAllCharacters, 全部字母都大寫 } UITextAutocapitalizationType;

//return鍵變成什麼鍵

text.returnKeyType =UIReturnKeyDone; typedef enum { UIReturnKeyDefault, 默認 灰色按鈕,標有Return UIReturnKeyGo,   標有Go的藍色按鈕 UIReturnKeyGoogle, 標有Google的藍色按鈕,用語搜索 UIReturnKeyJoin, 標有Join的藍色按鈕 UIReturnKeyNext, 標有Next的藍色按鈕 UIReturnKeyRoute, 標有Route的藍色按鈕 UIReturnKeySearch, 標有Search的藍色按鈕 UIReturnKeySend, 標有Send的藍色按鈕 UIReturnKeyYahoo, 標有Yahoo的藍色按鈕 UIReturnKeyDone, 標有Done的藍色按鈕 UIReturnKeyEmergencyCall, 緊急呼叫按鈕 } UIReturnKeyType;

//鍵盤外觀

textView.keyboardAppearance=UIKeyboardAppearanceDefault; typedef NS_ENUM(NSInteger, UIKeyboardAppearance) { UIKeyboardAppearanceDefault, // 默認亮色 UIKeyboardAppearanceDark NS_ENUM_AVAILABLE_IOS(7_0), UIKeyboardAppearanceLight NS_ENUM_AVAILABLE_IOS(7_0), UIKeyboardAppearanceAlert = UIKeyboardAppearanceDark, // 石墨色,暗色 };

//把textfield加到視圖中

[self.window addSubview:text];

//最右側加圖片是如下代碼  左側相似

UIImageView *image=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"right.png"]]; text.rightView=image; text.rightViewMode = UITextFieldViewModeAlways; typedef enum { UITextFieldViewModeNever, UITextFieldViewModeWhileEditing, UITextFieldViewModeUnlessEditing, UITextFieldViewModeAlways } UITextFieldViewMode;

重寫繪製行爲

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

– textRectForBounds:     //重寫來重置文字區域 – drawTextInRect:    //改變繪文字屬性.重寫時調用super能夠按默認圖形屬性繪製,若本身徹底重寫繪製函數,就不用調用super了. – placeholderRectForBounds:  //重寫來重置佔位符區域 – drawPlaceholderInRect:  //重寫改變繪製佔位符屬性.重寫時調用super能夠按默認圖形屬性繪製,若本身徹底重寫繪製函數,就不用調用super了. – borderRectForBounds:  //重寫來重置邊緣區域 – editingRectForBounds:  //重寫來重置編輯區域 – clearButtonRectForBounds:  //重寫來重置clearButton位置,改變size可能致使button的圖片失真 – leftViewRectForBounds: – rightViewRectForBounds:

UITextField的代理方法

遵循UITextFieldDelegate協議

text.delegate = self;

聲明text的代理是我,我會去實現把鍵盤往下收的方法 這個方法在UITextFieldDelegate裏因此咱們要採用UITextFieldDelegate這個協議

- (void)textFieldDidBeginEditing:(UITextField *)textField{ // 當輸入框得到焦點時,執行該方法 (光標出現時)。 //開始編輯時觸發,文本字段將成爲first responder }
- (BOOL)textFieldShouldReturn:(UITextField *)textField { // 當點擊鍵盤的返回鍵(右下角)時,執行該方法。 // 通常用來隱藏鍵盤 [text resignFirstResponder]; //主要是[receiver resignFirstResponder]在哪調用就能把receiver對應的鍵盤往下收 return YES; }
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{ //返回一個BOOL值,指定是否循序文本字段開始編輯 return YES; }
- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{ //返回BOOL值,指定是否容許文本字段結束編輯,當編輯結束,文本字段會讓出first responder   //要想在用戶結束編輯時阻止文本字段消失,能夠返回NO   //這對一些文本字段必須始終保持活躍狀態的程序頗有用,好比即時消息 return NO; }
- (BOOL)textFieldShouldClear:(UITextField *)textField{ //返回一個BOOL值指明是否容許根據用戶請求清除內容 //能夠設置在特定條件下才容許清除內容   return YES; }
- (BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{ //當用戶使用自動更正功能,把輸入的文字修改成推薦的文字時,就會調用這個方法。 //這對於想要加入撤銷選項的應用程序特別有用 //能夠跟蹤字段內所作的最後一次修改,也能夠對全部編輯作日誌記錄,用做審計用途。 //要防止文字被改變能夠返回NO //這個方法的參數中有一個NSRange對象,指明瞭被改變文字的位置,建議修改的文本也在其中   return YES; }

限制只能輸入特定的字符

-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{ NSString* number= Knum; NSPredicate *numberPre = [NSPredicate predicateWithFormat:@"SELF MATCHES %@",number]; return [numberPre evaluateWithObject:string]; }

上面那個Knum是一個宏,能夠在文件頂部定義:

#define Knum @"^[0-9]+$"

遵從queuey的意見把這個改爲了正則表達式,正則表達式和謂詞配合使用使代碼精簡易懂了很多,謝謝queuey的意見。(關於正則表達式和謂詞的詳細使用,我將會盡快整理出來供你們查閱)
因此,若是你要限制輸入英文的話,就能夠把這個定義爲:

#define Knum @"^[A-Za-z]+$"

固然,你還能夠在以上方法return以前,作一提示的,好比提示用戶只能輸入數字之類的。若是你以爲有須要的話。

限制只能輸入必定長度的字符

- (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派生自UIControl,因此UIControl類中的通知系統在文本字段中也可使用。除了UIControl類的標準事件,你還可使用下列UITextField類特有的事件

UITextFieldTextDidBeginEditingNotification UITextFieldTextDidChangeNotification UITextFieldTextDidEndEditingNotification 當文本字段退出編輯模式時觸發。通知的object屬性存儲了最終文本。 由於文本字段要使用鍵盤輸入文字,因此下面這些事件發生時,也會發送動做通知 UIKeyboardWillShowNotification  //鍵盤顯示以前發送 UIKeyboardDidShowNotification  //鍵盤顯示以後發送 UIKeyboardWillHideNotification  //鍵盤隱藏以前發送 UIKeyboardDidHideNotification  //鍵盤隱藏以後發送

UITextField 在storyboard 中設置屬性


屏幕快照 2016-06-15 下午7.17.09.png

一、Text :設置文本框的默認文本。
二、Placeholder : 能夠在文本框中顯示灰色的字,用於提示用戶應該在這個文本框輸入什麼內容。當這個文本框中輸入了數據時,用於提示的灰色的字將會自動消失。
三、Background :背景圖片
四、Disabled : 若選中此項,用戶將不能更改文本框內容。
五、接下來是三個按鈕,用來設置對齊方式。
六、Border Style : 選擇邊界風格。
七、Clear Button : 這是一個下拉菜單,你能夠選擇清除按鈕何時出現,所謂清除按鈕就是出一個如今文本框右邊的小 X ,你能夠有如下選擇:
7.1 Never appears : 從不出現
7.2 Appears while editing : 編輯時出現
7.3 Appears unless editing :
7.4 Is always visible : 老是可見
八、Clear when editing begins : 若選中此項,則當開始編輯這個文本框時,文本框中以前的內容會被清除掉。好比,你如今這個文本框 A 中輸入了 "What" ,以後 去編輯文本框 B,若再回來編輯文本框 A ,則其中的 "What" 會被當即清除。
九、Text Color : 設置文本框中文本的顏色。
十、Font : 設置文本的字體與字號。
十一、Min Font Size : 設置文本框能夠顯示的最小字體(不過我感受沒什麼用)
十二、Adjust To Fit : 指定當文本框尺寸減少時,文本框中的文本是否也要縮小。選擇它,可使得所有文本均可見,即便文本很長。可是這個選項要跟 Min Font Size 配合使用,文本再縮小,也不會小於設定的 Min Font Size 。
接下來的部分用於設置鍵盤如何顯示。

1三、Captitalization : 設置大寫。下拉菜單中有四個選項:
13.1 None : 不設置大寫
13.2 Words : 每一個單詞首字母大寫,這裏的單詞指的是以空格分開的字符串
13.3 Sentances : 每一個句子的第一個字母大寫,這裏的句子是以句號加空格分開的字符串
13.4 All Characters : 因此字母大寫

1四、Correction : 檢查拼寫,默認是 YES 。
1五、Keyboard : 選擇鍵盤類型,好比全數字、字母和數字等。
1六、Appearance:
1七、Return Key : 選擇返回鍵,能夠選擇 Search 、 Return 、 Done 等。
1八、Auto-enable Return Key : 如選擇此項,則只有至少在文本框輸入一個字符後鍵盤的返回鍵纔有效。
1九、Secure : 當你的文本框用做密碼輸入框時,能夠選擇這個選項,此時,字符顯示爲星號。

1.Alignment Horizontal 水平對齊方式
2.Alignment Vertical 垂直對齊方式
3.用於返回一個BOOL值 輸入框是否 Selected(選中) Enabled(可用) Highlighted(高亮)



文/xx_cc(簡書做者) 原文連接:http://www.jianshu.com/p/fe95f7e64b89 著做權歸做者全部,轉載請聯繫做者得到受權,並標註「簡書做者」。
相關文章
相關標籤/搜索