IOS-TextField控制元件詳解
//初始化textfield並設定位置及大小
UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)];
//設定邊框樣式,只有設定了才會顯示邊框樣式
text.borderStyle = UITextBorderStyleRoundedRect;
typedef enum {
UITextBorderStyleNone,
UITextBorderStyleLine,
UITextBorderStyleBezel,
UITextBorderStyleRoundedRect
} UITextBorderStyle;
//設定輸入框的背景顏色,此時設定為白色 如果使用了自定義的背景圖片邊框會被忽略掉
text.backgroundColor = [UIColor whiteColor];
//設定背景
text.background = [UIImage imageNamed:@"dd.png"];
//設定背景
text.disabledBackground = [UIImage imageNamed:@"cc.png"];
//當輸入框沒有內容時,水印提示 提示內容為password
text.placeholder = @"password";
//設定輸入框內容的字型樣式和大小
text.font = [UIFont fontWithName:@"Arial" size:20.0f];
//設定字型顏色
text.textColor = [UIColor redColor];
//輸入框中是否有個叉號,在什麼時候顯示,用於一次性刪除輸入框中的內容
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;
//內容對齊方式
text.textAlignment = UITextAlignmentLeft;
//內容的垂直對齊方式 UITextField繼承自UIControl,此類中有一個屬性contentVerticalAlignment
text.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;
//設定為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的藍色按鈕
UIReturnKeyYahoo,標有Yahoo的藍色按鈕
UIReturnKeyEmergencyCall, 緊急呼叫按鈕
} UIReturnKeyType;
//鍵盤外觀
textView.keyboardAppearance=UIKeyboardAppearanceDefault;
typedef enum {
UIKeyboardAppearanceDefault, 預設外觀,淺灰色
UIKeyboardAppearanceAlert, 深灰 石墨色
} UIReturnKeyType;
//設定代理 用於實現協議
text.delegate = self;
//把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;
//按return鍵鍵盤往下收 becomeFirstResponder
類要採用UITextFieldDelegate協議
text.delegate = self; 宣告text的代理是我,我會去實現把鍵盤往下收的方法 這個方法在UITextFieldDelegate裡所以我們要採用UITextFieldDelegate這個協議
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
[text resignFirstResponder]; //主要是[receiver resignFirstResponder]在哪呼叫就能把receiver對應的鍵盤往下收
return YES;
}
重寫繪製行為
除了UITextField物件的風格選項,你還可以定製化UITextField物件,為他新增許多不同的重寫方法,來改變文字欄位的顯示行為。這些方法都會返回一個CGRect結構,制定了文字欄位每個部件的邊界範圍。以下方法都可以重寫。
– textRectForBounds: //重寫來重置文字區域
– drawTextInRect: //改變繪文字屬性.重寫時呼叫super可以按預設圖形屬性繪製,若自己完全重寫繪製函式,就不用呼叫super了.
– placeholderRectForBounds: //重寫來重置佔位符區域
– drawPlaceholderInRect: //重寫改變繪製佔位符屬性.重寫時呼叫super可以按預設圖形屬性繪製,若自己完全重寫繪製函式,就不用呼叫super了.
– borderRectForBounds: //重寫來重置邊緣區域
– editingRectForBounds: //重寫來重置編輯區域
– clearButtonRectForBounds: //重寫來重置clearButton位置,改變size可能導致button的圖片失真
– leftViewRectForBounds:
– rightViewRectForBounds:
委託方法
- (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;
}
通知
UITextField派生自UIControl,所以UIControl類中的通知系統在文字欄位中也可以使用。除了UIControl類的標準事件,你還可以使用下列UITextField類特有的事件
UITextFieldTextDidBeginEditingNotification
UITextFieldTextDidChangeNotification
UITextFieldTextDidEndEditingNotification
當文字欄位退出編輯模式時觸發。通知的object屬性儲存了最終文字。
因為文字欄位要使用鍵盤輸入文字,所以下面這些事件發生時,也會發送動作通知
UIKeyboardWillShowNotification //鍵盤顯示之前傳送
UIKeyboardDidShowNotification //鍵盤顯示之後傳送
UIKeyboardWillHideNotification //鍵盤隱藏之前傳送
UIKeyboardDidHideNotification //鍵盤隱藏之後傳送
1、Text :設定文字框的預設文字。
2、Placeholder : 可以在文字框中顯示灰色的字,用於提示使用者應該在這個文字框輸入什麼內容。當這個文字框中輸入了資料時,用於提示的灰色的字將會自動消失。
3、Background :
4、Disabled : 若選中此項,使用者將不能更改文字框內容。
5、接下來是三個按鈕,用來設定對齊方式。
6、Border Style : 選擇邊界風格。
7、Clear Button : 這是一個下拉選單,你可以選擇清除按鈕什麼時候出現,所謂清除按鈕就是出一個現在文字框右邊的小 X ,你可以有以下選擇:
7.1 Never appears : 從不出現
7.2 Appears while editing : 編輯時出現
7.3 Appears unless editing :
7.4 Is always visible : 總是可見
8、Clear when editing begins : 若選中此項,則當開始編輯這個文字框時,文字框中之前的內容會被清除掉。比如,你現在這個文字框 A 中輸入了 "What" ,之後去編輯文字框 B,若再回來編輯文字框 A ,則其中的"What" 會被立即清除。
9、Text Color : 設定文字框中文字的顏色。
10、Font : 設定文字的字型與字號。
11、Min Font Size : 設定文字框可以顯示的最小字型(不過我感覺沒什麼用)
12、Adjust To Fit : 指定當文字框尺寸減小時,文字框中的文字是否也要縮小。選擇它,可以使得全部文字都可見,即使文字很長。但是這個選項要跟 Min Font Size 配合使用,文字再縮小,也不會小於設定的 Min Font Size 。
接下來的部分用於設定鍵盤如何顯示。
13、Captitalization : 設定大寫。下拉選單中有四個選項:
13.1 None : 不設定大寫
13.2 Words : 每個單詞首字母大寫,這裡的單詞指的是以空格分開的字串
13.3 Sentances : 每個句子的第一個字母大寫,這裡的句子是以句號加空格分開的字串
13.4 All Characters : 所以字母大寫
14、Correction : 檢查拼寫,預設是 YES 。
15、Keyboard : 選擇鍵盤型別,比如全數字、字母和數字等。
16、Appearance:
17、Return Key : 選擇返回鍵,可以選擇 Search 、 Return 、 Done 等。
18、Auto-enable Return Key : 如選擇此項,則只有至少在文字框輸入一個字元後鍵盤的返回鍵才有效。
19、Secure : 當你的文字框用作密碼輸入框時,可以選擇這個選項,此時,字元顯示為星號。
1.Alignment Horizontal 水平對齊方式
2.Alignment Vertical 垂直對齊方式
3.用於返回一個BOOL值 輸入框是否 Selected(選中) Enabled(可用) Highlighted(高亮)
限制只能輸入特定的字元
(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之前,做一提示的,比如提示使用者只能輸入數字之類的。如果你覺得有需要的話。
限制只能輸入一定長度的字元
- (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;
}