在iOS應(yīng)用中,文本框UITextField是一種常見的信息輸入控件,類似于Web表單中的表單字段。當(dāng)在文本框中輸入數(shù)據(jù)時,可以使用各種iOS鍵盤將其輸入限制為數(shù)字或者文本。和按鈕一樣,文本框也能相應(yīng)事件,但是通常將其實(shí)現(xiàn)為被動(passive)界面元素,這意味著視圖控制器可隨時通過text屬性讀取其內(nèi)容。
1.初始化textfield并設(shè)置位置及大小
UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)];
2.設(shè)置邊框樣式,只有設(shè)置了才會顯示邊框樣式
text.borderStyle = UITextBorderStyleRoundedRect;
//枚舉
typedef enum {
UITextBorderStyleNone,//無樣式邊框
UITextBorderStyleLine,//直線
UITextBorderStyleBezel,//上邊框和左邊框加重
UITextBorderStyleRoundedRect //圓角
} UITextBorderStyle;
分別使用每個UITextBorderStyle樣式創(chuàng)建4個控件:
- (void)viewDidLoad {
[super viewDidLoad];
UITextField *textField1 = [[UITextField alloc] initWithFrame:CGRectMake(20, 30, 200, 40)];
textField1.borderStyle = UITextBorderStyleNone;
UITextField *textField2 = [[UITextField alloc] initWithFrame:CGRectMake(20, 80, 200, 40)];
textField2.borderStyle = UITextBorderStyleLine;
UITextField *textField3 = [[UITextField alloc] initWithFrame:CGRectMake(20, 130, 200, 40)];
textField3.borderStyle = UITextBorderStyleBezel;
UITextField *textField4 = [[UITextField alloc] initWithFrame:CGRectMake(20, 180, 200, 40)];
textField4.borderStyle = UITextBorderStyleRoundedRect;
[self.view addSubview:textField1];
[self.view addSubview:textField2];
[self.view addSubview:textField3];
[self.view addSubview:textField4];
}
3.設(shè)置輸入框的背景顏色,此時設(shè)置為白色 如果使用了自定義的背景圖片邊框會被忽略掉
text.backgroundColor = [UIColor whiteColor];
4.設(shè)置背景圖片
Background屬性: 設(shè)置一個背景圖片。注意:當(dāng)UITextBorderStyle的值為UITextBorderStyleRoundedRect時,無法設(shè)置。
text.background = [UIImage imageNamed:@"dd.png"];
disabledBackground屬性:設(shè)置一個在不可用狀態(tài)下(textField.enabled = NO;)的背景圖片。注意:如果background的值沒有設(shè)置,則會讓這個值失效。
text.disabledBackground = [UIImage imageNamed:@"cc.png"];
5.當(dāng)輸入框沒有內(nèi)容時,水印提示 提示內(nèi)容為password
text.placeholder = @"password";
6.設(shè)置輸入框內(nèi)容的字體樣式和大小
text.font = [UIFont fontWithName:@"Arial" size:20.0f];
7.設(shè)置字體顏色
text.textColor = [UIColor redColor];
8.輸入框中是否有個叉號,在什么時候顯示,用于一次性刪除輸入框中的內(nèi)容
text.clearButtonMode = UITextFieldViewModeAlways;
typedef enum {
UITextFieldViewModeNever, 從不出現(xiàn)
UITextFieldViewModeWhileEditing, 編輯時出現(xiàn)
UITextFieldViewModeUnlessEditing, 除了編輯外都出現(xiàn)
UITextFieldViewModeAlways 一直出現(xiàn)
} UITextFieldViewMode;
9.輸入框中一開始就有的文字
text.text = @"一開始就在輸入框的文字";
10.每輸入一個字符就變成點(diǎn) 用于密碼輸入(密文輸入)
text.secureTextEntry = YES;
11.是否自動糾錯
text.autocorrectionType = UITextAutocorrectionTypeNo;
typedef enum {
UITextAutocorrectionTypeDefault, 默認(rèn)
UITextAutocorrectionTypeNo, 不自動糾錯
UITextAutocorrectionTypeYes, 自動糾錯
} UITextAutocorrectionType;
12.再次編輯就清空
text.clearsOnBeginEditing = YES;
13.內(nèi)容水平對齊方式
text.textAlignment = UITextAlignmentLeft;//左對齊
text.textAlignment = NSTextAlignmentCenter ; 居中
text.textAlignment = NSTextAlignmentRight ;//右對齊
text.textAlignment = NSTextAlignmentNatural;//自然的
text.textAlignment = NSTextAlignmentJustified;//兩端對齊
14.內(nèi)容的垂直對齊方式 UITextField繼承自UIControl,此類中有一個屬性contentVerticalAlignment
text.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;
typedef NS_ENUM(NSInteger, UIControlContentHorizontalAlignment) {
UIControlContentHorizontalAlignmentCenter = 0,//居中
UIControlContentHorizontalAlignmentLeft = 1,//靠上
UIControlContentHorizontalAlignmentRight = 2,//靠下
UIControlContentHorizontalAlignmentFill = 3,//鋪滿
};
15.設(shè)置為YES時文本會自動縮小以適應(yīng)文本窗口大小.默認(rèn)是保持原來大小,而讓長文本滾動
textFied.adjustsFontSizeToFitWidth = YES;
設(shè)置自動縮小顯示的最小字體大小
text.minimumFontSize = 20;
16.設(shè)置鍵盤的樣式
text.keyboardType = UIKeyboardTypeNumberPad;
typedef enum {
UIKeyboardTypeDefault, 默認(rèn)鍵盤,支持所有字符
UIKeyboardTypeASCIICapable, 支持ASCII的默認(rèn)鍵盤
UIKeyboardTypeNumbersAndPunctuation, 標(biāo)準(zhǔn)電話鍵盤,支持+*#字符
UIKeyboardTypeURL, URL鍵盤,支持.com按鈕 只支持URL字符
UIKeyboardTypeNumberPad, 數(shù)字鍵盤
UIKeyboardTypePhonePad, 電話鍵盤
UIKeyboardTypeNamePhonePad, 電話鍵盤,也支持輸入人名
UIKeyboardTypeEmailAddress, 用于輸入電子 郵件地址的鍵盤
UIKeyboardTypeDecimalPad, 數(shù)字鍵盤 有數(shù)字和小數(shù)點(diǎn)
UIKeyboardTypeTwitter, 優(yōu)化的鍵盤,方便輸入@、#字符
UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable,
} UIKeyboardType;
17.首字母是否大寫
text.autocapitalizationType = UITextAutocapitalizationTypeNone;
typedef enum {
UITextAutocapitalizationTypeNone, 不自動大寫
UITextAutocapitalizationTypeWords, 單詞首字母大寫
UITextAutocapitalizationTypeSentences, 句子的首字母大寫
UITextAutocapitalizationTypeAllCharacters, 所有字母都大寫
} UITextAutocapitalizationType;
18.return鍵變成什么鍵
text.returnKeyType =UIReturnKeyDone;
typedef enum {
UIReturnKeyDefault, 默認(rèn) 灰色按鈕,標(biāo)有Return
UIReturnKeyGo, 標(biāo)有Go的藍(lán)色按鈕
UIReturnKeyGoogle,標(biāo)有Google的藍(lán)色按鈕,用于搜索
UIReturnKeyJoin,標(biāo)有Join的藍(lán)色按鈕
UIReturnKeyNext,標(biāo)有Next的藍(lán)色按鈕
UIReturnKeyRoute,標(biāo)有Route的藍(lán)色按鈕
UIReturnKeySearch,標(biāo)有Search的藍(lán)色按鈕
UIReturnKeySend,標(biāo)有Send的藍(lán)色按鈕
UIReturnKeyYahoo,標(biāo)有Yahoo的藍(lán)色按鈕
UIReturnKeyYahoo,標(biāo)有Yahoo的藍(lán)色按鈕
UIReturnKeyEmergencyCall, 緊急呼叫按鈕
} UIReturnKeyType;
19.鍵盤外觀
textView.keyboardAppearance=UIKeyboardAppearanceDefault;
typedef enum {
UIKeyboardAppearanceDefault, 默認(rèn)外觀,淺灰色
UIKeyboardAppearanceAlert, 深灰 石墨色
} UIReturnKeyType;
20.最右側(cè)加圖片是以下代碼 左側(cè)類似
UIImageView *image=[[UIImageView alloc] initWithImage: [UIImage imageNamed:@"right.png"]];
text.rightView=image;
text.rightViewMode = UITextFieldViewModeAlways;
也可以加一個透明的View設(shè)置左側(cè)縮進(jìn)
UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 15, 35)];
view.backgroundColor = [UIColor clearColor];
text.leftView = nameLeftView;
text.leftViewMode = UITextFieldViewModeAlways;
typedef enum {
UITextFieldViewModeNever,//從來不
UITextFieldViewModeWhileEditing,//編輯狀態(tài)下
UITextFieldViewModeUnlessEditing,//非編輯狀態(tài)下
UITextFieldViewModeAlways //總是
} UITextFieldViewMode;
21.按return鍵鍵盤往下收 becomeFirstResponder
類要采用UITextFieldDelegate協(xié)議
text.delegate = self; 聲明text的代理是我,我會去實(shí)現(xiàn)把鍵盤往下收的方法 這個方法在UITextFieldDelegate里所以我們要采用UITextFieldDelegate這個協(xié)議
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
[text resignFirstResponder]; //主要是[receiver resignFirstResponder]在哪調(diào)用就能把receiver對應(yīng)的鍵盤往下收
return YES;
}
22.重寫繪制行為
除了UITextField對象的風(fēng)格選項(xiàng),你還可以定制化UITextField對象,為他添加許多不同的重寫方法,來改變文本字段的顯示行為。這些方法都會返回一個CGRect結(jié)構(gòu),制定了文本字段每個部件的邊界范圍。以下方法都可以重寫。
– textRectForBounds: //重寫來重置文字區(qū)域
– drawTextInRect: //改變繪文字屬性.重寫時調(diào)用super可以按默認(rèn)圖形屬性繪制,若自己完全重寫繪制函數(shù),就不用調(diào)用super了.
– placeholderRectForBounds: //重寫來重置占位符區(qū)域
– drawPlaceholderInRect: //重寫改變繪制占位符屬性.重寫時調(diào)用super可以按默認(rèn)圖形屬性繪制,若自己完全重寫繪制函數(shù),就不用調(diào)用super了.
– borderRectForBounds: //重寫來重置邊緣區(qū)域
– editingRectForBounds: //重寫來重置編輯區(qū)域
– clearButtonRectForBounds: //重寫來重置clearButton位置,改變size可能導(dǎo)致button的圖片失真
– leftViewRectForBounds:
– rightViewRectForBounds:
23.委托方法
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{
//返回一個BOOL值,指定是否循序文本字段開始編輯
return YES;
}
- (void)textFieldDidBeginEditing:(UITextField *)textField{
//開始編輯時觸發(fā),文本字段將成為first responder
}
- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{
//返回BOOL值,指定是否允許文本字段結(jié)束編輯,當(dāng)編輯結(jié)束,文本字段會讓出first responder
//要想在用戶結(jié)束編輯時阻止文本字段消失,可以返回NO
//這對一些文本字段必須始終保持活躍狀態(tài)的程序很有用,比如即時消息
return NO;
}
- (BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{
//當(dāng)用戶使用自動更正功能,把輸入的文字修改為推薦的文字時,就會調(diào)用這個方法。
//這對于想要加入撤銷選項(xiàng)的應(yīng)用程序特別有用
//可以跟蹤字段內(nèi)所做的最后一次修改,也可以對所有編輯做日志記錄,用作審計(jì)用途。
//要防止文字被改變可以返回NO
//這個方法的參數(shù)中有一個NSRange對象,指明了被改變文字的位置,建議修改的文本也在其中
return YES;
}
- (BOOL)textFieldShouldClear:(UITextField *)textField{
//返回一個BOOL值指明是否允許根據(jù)用戶請求清除內(nèi)容
//可以設(shè)置在特定條件下才允許清除內(nèi)容
return YES;
}
-(BOOL)textFieldShouldReturn:(UITextField *)textField{
//返回一個BOOL值,指明是否允許在按下回車鍵時結(jié)束編輯
//如果允許要調(diào)用resignFirstResponder 方法,這回導(dǎo)致結(jié)束編輯,而鍵盤會被收起[textField resignFirstResponder];
//查一下resign這個單詞的意思就明白這個方法了
return YES;
}
24.通知
UITextField派生自UIControl,所以UIControl類中的通知系統(tǒng)在文本字段中也可以使用。除了UIControl類的標(biāo)準(zhǔn)事件,你還可以使用下列UITextField類特有的事件
UITextFieldTextDidBeginEditingNotification
UITextFieldTextDidChangeNotification
UITextFieldTextDidEndEditingNotification
當(dāng)文本字段退出編輯模式時觸發(fā)。通知的object屬性存儲了最終文本。
因?yàn)槲谋咀侄我褂面I盤輸入文字,所以下面這些事件發(fā)生時,也會發(fā)送動作通知
UIKeyboardWillShowNotification //鍵盤顯示之前發(fā)送
UIKeyboardDidShowNotification //鍵盤顯示之后發(fā)送
UIKeyboardWillHideNotification //鍵盤隱藏之前發(fā)送
UIKeyboardDidHideNotification //鍵盤隱藏之后發(fā)送
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分離出數(shù)組,數(shù)組按@""分離出字符串
BOOL canChange = [string isEqualToString:filtered];
return canChange;
}
上面那個NUMBERS是一個宏,可以在文件頂部定義:
-- #define NUMBERS @”0123456789\n” (這個代表可以輸入數(shù)字和換行,請注意這個\n,如果不寫這個,Done按鍵將不會觸發(fā),如果用在SearchBar中,將會不觸發(fā)Search事件,因?yàn)槟阕约合拗撇蛔屳斎隲n,好慘,我在項(xiàng)目中才發(fā)現(xiàn)的。)
所以,如果你要限制輸入英文和數(shù)字的話,就可以把這個定義為:
--#define kAlphaNum @”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789″。
當(dāng)然,你還可以在以上方法return之前,做一提示的,比如提示用戶只能輸入數(shù)字之類的。如果你覺得有需要的話。
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]; //得到輸入框的內(nèi)容
if (self.myTextField == textField) //判斷是否時我們想要限定的那個輸入框
{
if ([toBeString length] > 20) { //如果輸入框內(nèi)容大于20則彈出警告
textField.text = [toBeString substringToIndex:20];
UIAlertView *alert = [[[UIAlertView alloc] initWithTitle:nil message:@"超過最大字?jǐn)?shù)不能輸入了" delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil] autorelease];
[alert show];
return NO;
}
}
return YES;
}
寫在最后
- 1、Text :設(shè)置文本框的默認(rèn)文本。
- 2、Placeholder : 可以在文本框中顯示灰色的字,用于提示用戶應(yīng)該在這個文本框輸入什么內(nèi)容。當(dāng)這個文本框中輸入了數(shù)據(jù)時,用于提示的灰色的字將會自動消失。
- 3、Background :
- 4、Disabled : 若選中此項(xiàng),用戶將不能更改文本框內(nèi)容。
- 5、接下來是三個按鈕,用來設(shè)置對齊方式。
- 6、Border Style : 選擇邊界風(fēng)格。
- 7、Clear Button : 這是一個下拉菜單,你可以選擇清除按鈕什么時候出現(xiàn),所謂清除按鈕就是出一個現(xiàn)在文本框右邊的小 X ,你可以有以下選擇:
7.1 Never appears : 從不出現(xiàn)
7.2 Appears while editing : 編輯時出現(xiàn)
7.3 Appears unless editing :
7.4 Is always visible : 總是可見 - 8、Clear when editing begins : 若選中此項(xiàng),則當(dāng)開始編輯這個文本框時,文本框中之前的內(nèi)容會被清除掉。比如,你現(xiàn)在這個文本框 A 中輸入了 "What" ,之后去編輯文本框 B,若再回來編輯文本框 A ,則其中的"What" 會被立即清除。
- 9、Text Color : 設(shè)置文本框中文本的顏色。
- 10、Font : 設(shè)置文本的字體與字號。
- 11、Min Font Size : 設(shè)置文本框可以顯示的最小字體(不過我感覺沒什么用)
- 12、Adjust To Fit : 指定當(dāng)文本框尺寸減小時,文本框中的文本是否也要縮小。選擇它,可以使得全部文本都可見,即使文本很長。但是這個選項(xiàng)要跟 Min Font Size 配合使用,文本再縮小,也不會小于設(shè)定的 Min Font Size 。
接下來的部分用于設(shè)置鍵盤如何顯示。 - 13、Captitalization : 設(shè)置大寫。下拉菜單中有四個選項(xiàng):
13.1 None : 不設(shè)置大寫
13.2 Words : 每個單詞首字母大寫,這里的單詞指的是以空格分開的字符串
13.3 Sentances : 每個句子的第一個字母大寫,這里的句子是以句號加空格分開的字符串
13.4 All Characters : 所以字母大寫 - 14、Correction : 檢查拼寫,默認(rèn)是 YES 。
- 15、Keyboard : 選擇鍵盤類型,比如全數(shù)字、字母和數(shù)字等。
- 16、Appearance:
- 17、Return Key : 選擇返回鍵,可以選擇 Search 、 Return 、 Done 等。
- 18、Auto-enable Return Key : 如選擇此項(xiàng),則只有至少在文本框輸入一個字符后鍵盤的返回鍵才有效。
- 19、Secure : 當(dāng)你的文本框用作密碼輸入框時,可以選擇這個選項(xiàng),此時,字符顯示為星號。
1.Alignment Horizontal 水平對齊方式
2.Alignment Vertical 垂直對齊方式
3.用于返回一個BOOL值 輸入框是否 Selected(選中) Enabled(可用) Highlighted(高亮)