IOS TextField設(shè)置大全

在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]; 
}
1.png

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(高亮)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,885評論 6 541
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,312評論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,993評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,667評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,410評論 6 411
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,778評論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,775評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,955評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,521評論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,266評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,468評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,998評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,696評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,095評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,385評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,193評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,431評論 2 378

推薦閱讀更多精彩內(nèi)容