iOS-UITextField 全面解析

iOS中UITextField 使用全面解析

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

//初始化textfield并設置位置及大小

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

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

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

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

  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.font = [UIFont systemFontOfSize:15];

//設置字體顏色

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;

//內容的垂直和水平對齊方式 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

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

本文借鑒許多前輩之前寫的文章,本人小白,如果有錯誤的地方還請大家多多指正,您的每一個喜歡是我最大的動力!

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

推薦閱讀更多精彩內容