給iOS開發新手送點福利,簡述UITextField的屬性和用法

徐明清發表於2013-12-14

UITextField屬性

0.     enablesReturnKeyAutomatically

預設為No,如果設定為Yes,文字框中沒有輸入任何字元的話,右下角的返回按鈕是disabled的。

1.borderStyle

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

text.borderStyle = UITextBorderStyleRoundedRect;

typedef enum {

  UITextBorderStyleNone, 

  UITextBorderStyleLine,

  UITextBorderStyleBezel,

  UITextBorderStyleRoundedRect  

} UITextBorderStyle;                                                      

 

2.backgroundColor 

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

  text.backgroundColor = [UIColor whiteColor];

3.background

設定背景

  text.background = [UIImage imageNamed:@"dd.png"]; //UITextField 的背景,注意只有UITextBorderStyleNone的時候改屬性有效

 

設定enable為no時,textfield的背景 

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

 

4.placeholder

當輸入框沒有內容時, 提示內容為password

  text.placeholder = @"password";

5.font

設定輸入框內容的字型樣式和大小

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

6. textColor

設定字型顏色

  text.textColor = [UIColor redColor];

7. clearButtonMode

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

text.clearButtonMode = UITextFieldViewModeAlways; 

typedef enum {

  UITextFieldViewModeNever, 重不出現

  UITextFieldViewModeWhileEditing, 編輯時出現

  UITextFieldViewModeUnlessEditing, 除了編輯外都出現

  UITextFieldViewModeAlways  一直出現

} UITextFieldViewMode;

 

8. text

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

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

9. secureTextEntry

每輸入一個字元就變成點 用來輸入密碼時,設定這個屬性。

  text.secureTextEntry = YES;

10. autocorrectionType

是否糾錯

text.autocorrectionType = UITextAutocorrectionTypeNo;

typedef enum {

      UITextAutocorrectionTypeDefault, 預設

      UITextAutocorrectionTypeNo,  不自動糾錯

      UITextAutocorrectionTypeYes, 自動糾錯

} UITextAutocorrectionType;

 

11. clearsOnBeginEditing

再次編輯就清空

  text.clearsOnBeginEditing = YES; 

12. textAlignment

內容對齊方式

  text.textAlignment = UITextAlignmentLeft;

13. contentVerticalAlignment

內容的垂直對齊方式  UITextField繼承自UIControl,此類中有一個屬性contentVerticalAlignment

  text.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;

14. adjustsFontSizeToFitWidth

設定為YES時文字會自動縮小以適應文字視窗大小.預設是保持原來大小,而讓長文字滾動 

  textFied.adjustsFontSizeToFitWidth = YES;

//設定自動縮小顯示的最小字型大小

  text.minimumFontSize = 20;

 

15. keyboardType

設定鍵盤的樣式

text.keyboardType = UIKeyboardTypeNumberPad;

typedef enum {

     UIKeyboardTypeDefault,      預設鍵盤,支援所有字元         

     UIKeyboardTypeASCIICapable, 支援ASCII的預設鍵盤

     UIKeyboardTypeNumbersAndPunctuation, 標準電話鍵盤,支援+*#字元

     UIKeyboardTypeURL,            URL鍵盤,支援.com按鈕 只支援URL字元

   UIKeyboardTypeNumberPad,             數字鍵盤

   UIKeyboardTypePhonePad,   電話鍵盤

     UIKeyboardTypeNamePhonePad,  電話鍵盤,也支援輸入人名

     UIKeyboardTypeEmailAddress,  用於輸入電子 郵件地址的鍵盤     

     UIKeyboardTypeDecimalPad,    數字鍵盤 有數字和小數點

     UIKeyboardTypeTwitter,       優化的鍵盤,方便輸入@、#字元

     UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable, 

} UIKeyboardType;

16.autocapitalizationType

首字母是否大寫

text.autocapitalizationType = UITextAutocapitalizationTypeNone;

typedef enum {

     UITextAutocapitalizationTypeNone, 不自動大寫

     UITextAutocapitalizationTypeWords, 單詞首字母大寫

     UITextAutocapitalizationTypeSentences, 句子的首字母大寫

     UITextAutocapitalizationTypeAllCharacters, 所有字母都大寫

} UITextAutocapitalizationType;

17. returnKeyType

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;

18. keyboardAppearance

鍵盤外觀

textView.keyboardAppearance=UIKeyboardAppearanceDefault;

typedef enum {

  UIKeyboardAppearanceDefault, 預設外觀,淺灰色

  UIKeyboardAppearanceAlert,   深灰 石墨色

} UIReturnKeyType;

 

 19. delegate

設定代理 用於實現協議

  text.delegate = self;

 

20.  rightView

最右側加圖片是以下程式碼  左側類似

    UIImageView *image=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"right.png"]];

    text.rightView=image;

    text.rightViewMode = UITextFieldViewModeAlways; 

typedef enum {

     UITextFieldViewModeNever,

     UITextFieldViewModeWhileEditing,

     UITextFieldViewModeUnlessEditing,

     UITextFieldViewModeAlways

} UITextFieldViewMode;

 

21. editing

是否允許編輯。

 

22.介面重寫繪製行為

除了UITextField物件的風格選項,你還可以定製化UITextField物件,為他新增許多不同的重寫方法,來改變文字欄位的顯示行為。這些方法都會返回一個CGRect結構,制定了文字欄位每個部件的邊界範圍。以下方法都可以重寫。

 

– textRectForBounds:     //重寫來重置文字區域

– drawTextInRect:         //改變繪文字屬性.重寫時呼叫super可以按預設圖形屬性繪製,若自己完全重寫繪製函式,就不用呼叫super了.

– placeholderRectForBounds:  //重寫來重置佔位符區域

– drawPlaceholderInRect:  //重寫改變繪製佔位符屬性.重寫時呼叫super可以按預設圖形屬性繪製,若自己完全重寫繪製函式,就不用呼叫super了.

– borderRectForBounds:  //重寫來重置邊緣區域

– editingRectForBounds:  //重寫來重置編輯區域

– clearButtonRectForBounds:  //重寫來重置clearButton位置,改變size可能導致button的圖片失真

– leftViewRectForBounds:

– rightViewRectForBounds:

 

22.調整鍵盤

inputView //代替標準的系統鍵盤

inputAccessoryView //編輯時顯示在系統鍵盤或使用者自定義的inputView上面的檢視

 

23. delegate

類要遵守UITextFieldDelegate協議

 

text.delegate = self; 宣告text的代理是我,我會去實現把鍵盤往下收的方法 這個方法在UITextFieldDelegate裡所以我們要遵守UITextFieldDelegate這個協議

 

- (BOOL)textFieldShouldReturn:(UITextField *)textField

{

    [text resignFirstResponder];    //主要是[receiver resignFirstResponder]在哪呼叫就能把receiver(text)對應的鍵盤往下收

return YES;

}

 

代理方法 

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{ 

//返回一個BOOL值,YES代表允許編輯,NO不允許編輯. 

        return YES; 

} 

 

- (void)textFieldDidBeginEditing:(UITextField *)textField{ 

 //開始編輯時觸發,文字欄位將成為first responder 

} 

 

- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{ 

    //返回BOOL值,指定是否允許文字欄位結束編輯,當編輯結束,文字欄位會讓出first responder 

  //要想在使用者結束編輯時阻止文字欄位消失,可以返回NO ,返回NO,點選鍵盤的返回按鈕會無效果。

  //這對一些文字欄位必須始終保持活躍狀態的程式很有用,比如即時訊息 

       return NO; 

} 

- (void)textFieldDidEndEditing:(UITextField *)textField;{

 

}// 上面返回YES後執行;上面返回NO時有可能強制執行(e.g. view removed from window)

 

- (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值,指明是否允許在按下Enter鍵時結束編輯 

 //如果允許要呼叫resignFirstResponder 方法,這回導致結束編輯,而鍵盤會被收起[textField resignFirstResponder];

//查一下resign這個單詞的意思就明白這個方法了 

    return YES; 

} 

 

 

 

24.通知

UITextField派生自UIControl,所以UIControl類中的通知系統在文字欄位中也可以使用。除了UIControl類的標準事件,你還可以使用下列UITextField類特有的事件

 

UITextFieldTextDidBeginEditingNotification

UITextFieldTextDidChangeNotification

UITextFieldTextDidEndEditingNotification

當文字欄位退出編輯模式時觸發。通知的object屬性儲存了最終文字。

 

因為文字欄位要使用鍵盤輸入文字,所以下面這些事件發生時,也會傳送動作通知

 

UIKeyboardWillShowNotification  //鍵盤顯示之前傳送

UIKeyboardDidShowNotification   //鍵盤顯示之後傳送

UIKeyboardWillHideNotification  //鍵盤隱藏之前傳送

UIKeyboardDidHideNotification   //鍵盤隱藏之後傳送

 

 

25.Stroyboard中:

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

 

26.UITextField例項一 : UITextField限制字元 (只為數字)

 

ios  

#define ALPHA @"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz "  

#define NUMBERS @"0123456789n"  

#define ALPHANUM @"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 "  

#define NUMBERSPERIOD @"0123456789."  

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string 

{  

  NSCharacterSet *cs;  

  cs = [[NSCharacterSet characterSetWithCharactersInString:NUMBERSPERIOD ] invertedSet]; //invertedSet 方法是去反字元,把所有的除了數字的字元都找出來  

  NSString *filtered = [[string componentsSeparatedByCharactersInSet:cs] componentsJoinedByString:@""];    //componentsSeparatedByCharactersInSet 方法是把輸入框輸入的字元string 根據cs中字元一個一個去除cs字元並分割成單字元並轉化為 NSArray, 然後componentsJoinedByString 是把NSArray 的字元通過 ""無間隔連線成一個NSString字元 賦給filtered.就是隻剩數字了.  

  BOOL basicTest = [string isEqualToString:filtered];  

  if(!basicTest) 

  {  

    UIAlertView* alert = [[UIAlertView alloc] initWithTitle:@"提示"  message:@"請輸入數字"  delegate:nil  cancelButtonTitle:@"確    定"  otherButtonTitles:nil];  

    [alert show];  

    [alert release];  

    return NO;  

  }      

// Add any predicate testing here  

  return basicTest;  

}  

 

#define NUMBERS @”0123456789n” (這個代表可以輸入數字和換行,請注意這個n,如果不寫這個,Done按鍵將不會觸發,如果用在SearchBar中,將會不觸發Search事件,因為你自己限制不讓輸入n,好慘,我在專案中才發現的。) 所以,如果你要限制輸入英文和數字的話,就可以把這個定義為: #define kAlphaNum @”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789″。 當然,你還可以在以上方法return之前,做一提示的,比如提示使用者只能輸入數字之類的。如果你覺得有需要的話。

 

例項:限制只能輸入一定長度的字元

ios  

- (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;   

}  

27.UITextField例項二:

在UISearchBar中,當輸入資訊改變時,它就會呼叫textDidChange函式,但是UITextField沒有這個功能,唯一與這個類似的shouldChangeCharactersInRange函式,也是在檔案還沒有改變前就呼叫了,而不是在改變後呼叫,要想實現這個功能,我們可以增加事件監聽的方式.先來看看objective-c提供的介面:

ios  

  1. // add target/action for particular event. you can call this multiple times and you can specify multiple target/actions for a particular event.  
  2. 給特殊事件新增目標或者方法,你能夠呼叫這個方法多次,給特殊事件指定很多目標或者方法
  3. // passing in nil as the target goes up the responder chain. The action may optionally include the sender and the event in that order  
  4. 給target傳遞空,會建立響應鏈,在這行命令,方法可以選擇包含方法傳送者和事件兩個引數。
  5. // the action cannot be NULL.   方法不能為空。
  6. - (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;  

 怎麼去使用這個介面呢?主要分為兩步,第一步就是在UItextField元件中增加對檔案編輯改變時事件的監聽,然後再實現監聽器監聽到事件時,所呼叫的方法.

ios  

  1. //第一步,對元件增加監聽器 可以在viewDidLoad 方法中加入 textField 為你自定義輸入框的名稱  
  2. [textField addTarget:self action:@selector(textFieldDidChange:) forControlEvents:UIControlEventEditingChanged];  
  3. ...  
  4. //第二步,實現回撥函式  
  5. - (void) textFieldDidChange:(id) sender {  
  6.     UITextField *_field = (UITextField *)sender;  
  7.     NSLog(@"%@",[_field text]);  
  8. }  

 

28.UITextField例項三:

UITextField控制元件處理鍵盤彈出時遮住輸入框的問題

開啟鍵盤捲動文字欄位

預設情況下開啟鍵盤會遮住下面的view,帶來一點點困擾,不過這不是什麼大問題,我們使用點小小的手段就可以解決。

 

首先我們要知道鍵盤的高度是固定不變的,不過在IOS 5.0 以後鍵盤的高度貌似不是216了,不過不要緊,我們調整調整就是了:

 

 

iPhone

ipad

豎屏(portrait)

216

264

橫屏(landScape)

140

352

 

我們採取的方法就是在textField(有可能是其他控制元件)接收到彈出鍵盤事件時把self.view整體上移216px了(我們就以iPhone豎屏為例了)。

首先我們要設定textField的代理,我們就設為當前控制器了。

 

ios  

  1. textField,delegate=self;  

  

然後我們在當前控制器實現下面兩個委託方法:

ios  

  1. - (void)textFieldDidBeginEditing:(UITextField *)textField  
  2. { //當點觸textField內部,開始編輯都會呼叫這個方法。textField將成為first responder   
  3.        NSTimeInterval animationDuration = 0.30f;      
  4.       CGRect frame = self.view.frame;  
  5.       frame.origin.y -=216;  
  6.       frame.size.height +=216;  
  7.       self.view.frame = frame;  
  8.        [UIView beginAnimations:@"ResizeView" context:nil];  
  9.        [UIView setAnimationDuration:animationDuration];  
  10. self.view.frame = frame;                  
  11. [UIView commitAnimations];                  

12.}  

ios 

  1. - (BOOL)textFieldShouldReturn:(UITextField *)textField   
  2. {//當使用者按下ruturn,把焦點從textField移開那麼鍵盤就會消失了  
  3.         NSTimeInterval animationDuration = 0.30f;  
  4.         CGRect frame = self.view.frame;      
  5.         frame.origin.y +=216;        
  6.         frame.size. height -=216;     
  7.         self.view.frame = frame;  
  8.     //self.view移回原位置    
  9.     [UIView beginAnimations:@"ResizeView" context:nil];  
  10. [UIView setAnimationDuration:animationDuration];  
  11. self.view.frame = frame;                  
  12. [UIView commitAnimations];  
  13. [textField resignFirstResponder];     

14.}     

 

 

 

相關文章