UITextField筆記

我們有時需要定制化UITextField對象的風格,可以添加許多不同的重寫方法,來改變文本字段的顯示行為。這些方法都會返回一個CGRect結構,制定了文本字段每個部件的邊界范圍,甚至修改placeHolder顏色,字體。

– textRectForBounds:????//重寫來重置文字區(qū)域

– drawTextInRect://改變繪文字屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數(shù),就不用調用super了.

– placeholderRectForBounds://重寫來重置占位符區(qū)域

– drawPlaceholderInRect://重寫改變繪制占位符屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數(shù),就不用調用super了

– borderRectForBounds://重寫來重置邊緣區(qū)域

– editingRectForBounds://重寫來重置編輯區(qū)域

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

– leftViewRectForBounds:

– rightViewRectForBounds:

通過– drawPlaceholderInRect:方法可改變placeHolder顏色、字體,請看代碼:

首先定義一個類CustomTextField讓它繼承UITextField實現(xiàn)以下方法即可:

//控制清除按鈕的位置

-(CGRect)clearButtonRectForBounds:(CGRect)bounds

{

returnCGRectMake(bounds.origin.x+ bounds.size.width-50, bounds.origin.y+ bounds.size.height-20,16,16);

}

//控制placeHolder的位置,左右縮20

-(CGRect)placeholderRectForBounds:(CGRect)bounds

{

//return CGRectInset(bounds, 20, 0);

CGRectinset =CGRectMake(bounds.origin.x+100, bounds.origin.y, bounds.size.width-10, bounds.size.height);//更好理解些

returninset;

}

//控制顯示文本的位置

-(CGRect)textRectForBounds:(CGRect)bounds

{

//return CGRectInset(bounds, 50, 0);

CGRectinset =CGRectMake(bounds.origin.x+190, bounds.origin.y, bounds.size.width-10, bounds.size.height);//更好理解些

returninset;

}

//控制編輯文本的位置

-(CGRect)editingRectForBounds:(CGRect)bounds

{

//return CGRectInset( bounds, 10 , 0 );

CGRectinset =CGRectMake(bounds.origin.x+10, bounds.origin.y, bounds.size.width-10, bounds.size.height);

returninset;

}

//控制左視圖位置

- (CGRect)leftViewRectForBounds:(CGRect)bounds

{

CGRectinset =CGRectMake(bounds.origin.x+10, bounds.origin.y, bounds.size.width-250, bounds.size.height);

returninset;

//return CGRectInset(bounds,50,0);

}

//控制placeHolder的顏色、字體

- (void)drawPlaceholderInRect:(CGRect)rect

{

//CGContextRef context = UIGraphicsGetCurrentContext();

//CGContextSetFillColorWithColor(context, [UIColor yellowColor].CGColor);

[[UIColororangeColor]setFill];

[[selfplaceholder]drawInRect:rectwithFont:[UIFontsystemFontOfSize:20]];

}

//下面是使用CustomTextField的代碼,可放在viewDidLoad等方法中

_textField= [[CustomTextFieldalloc]initWithFrame:CGRectMake(20,150,280,30)];

_textField.placeholder=@"請輸入帳號信息";

_textField.borderStyle=UITextBorderStyleRoundedRect;

_textField.textAlignment=UITextAlignmentLeft;

_textField.delegate=self;

_textField.clearButtonMode=UITextFieldViewModeWhileEditing;

_textField.text=@"aa";

UIImageView*imgv = [[UIImageViewalloc]initWithImage:[UIImageimageNamed:@"icon-iwant-2.png"]];

_textField.leftView= imgv;

_textField.leftViewMode=UITextFieldViewModeAlways;

[self.viewaddSubview:_textField];

1)可以根據(jù)需要設置文本框的樣式(包括形狀、邊框顏色、背景等)。

(2)可以根據(jù)需要設置文字顯示樣式(包括輸入密碼時的密文顯示、文字橫向居中、縱向居中上下、輸入的文字是否首席木大寫、文字超過后是否縮小還是向右滾動等)。

(3)可以根據(jù)需要設置各種不同的鍵盤樣式(只有數(shù)字、只有字母等等)。

(4)還有inputView可以彈出一個視圖,用于取代彈出鍵盤,暫時不知道什么用處,但貌似可以用得地方很多啊。

(5)還有return的樣式設置,可以設置為Google也可以設置為Go和Search等更形象的按鈕。

(6)還有一個clearsOnBeginEditing是否設置清除按鈕也很常用。

(7)還有用得比較多得估計是左右視圖,也就是我們常見的用戶名和密碼的前面還有一個小icon圖片表示用戶的“小人”和表示密碼的“鎖”的圖片,用左右視圖可以加載進來,當然最后要記得設置左右視圖模式為Always,不然默認是Never不顯示的。

- (void)viewDidLoad {

//textfiled1本想是textField1的,但不影響

UITextField *textFiled1=[[UITextField alloc]init];

//此時textField1已存在,但因為是透明背景,所以看不見,但是點擊那塊地方會發(fā)現(xiàn)光標閃爍可寫

//為了證明是透明背景而不是白色背景,我們可以設置self.view背景為紅色,看看textField1是白色還是透明色

//? ? self.view.backgroundColor=[UIColor redColor];

textFiled1.frame=CGRectMake(10, 30, 300, 30);

//設置邊框樣式

//UITextBorderStyleRoundedRect-圓角矩形,背景是白色,不再是透明的

//UITextBorderStyleLine-矩形,黑色邊框,透明背景

//UITextBorderStyleBezel-和上面類似,但是是灰色的邊框,背景透明

textFiled1.borderStyle=UITextBorderStyleRoundedRect;

//設置背景顏色,會覆蓋上面圓角矩形默認的白色背景

textFiled1.backgroundColor=[UIColor purpleColor];

//設置提示(默認)文字

textFiled1.placeholder=@"請輸入您的密碼";

//設置密文輸入,就是和輸入密碼時類似的顯示為小圓點

textFiled1.secureTextEntry=YES;

//設置鍵盤樣式,比如銀行取款密碼只需要數(shù)字,有的輸入郵箱需要@等等

//UIKeyboardTypeAlphabet和UIKeyboardTypeDefault類似,就是我們平時看到那樣,都是字母,然后有個按鍵可以切換符號

//UIKeyboardTypeASCIICapable好像和上面差不多

//UIKeyboardTypeDecimalPad,UIKeyboardTypeNumberPad都是數(shù)字,但前者多了一個“小數(shù)點”按鍵

//UIKeyboardTypeEmailAddress-除了字母還有小數(shù)點和@出現(xiàn)

//UIKeyboardTypeNamePhonePad-貌似正常

//UIKeyboardTypePhonePad-電話鍵盤,不僅有數(shù)字還有*和#的那種

//UIKeyboardTypeNumbersAndPunctuation-只有數(shù)字和標點符號

//UIKeyboardTypeTwitter-除了字母還有@和#,這是微博的符號

//UIKeyboardTypeURL-除字母,還有.com按鈕,方便輸入

//UIKeyboardTypeWebSearch-主要區(qū)別在于return鍵變成了GO鍵

//注意:如果是最xcode6下的模擬器的話,默認是不調出軟鍵盤的,按CMD+K可以調出,或者在菜單Hardware里地Keyboard里設置

textFiled1.keyboardType=UIKeyboardTypeWebSearch;

//設置鍵盤外觀

//UIKeyboardAppearanceDark和UIKeyboardAppearanceAlert都是把鍵盤背景變成半透明灰色區(qū)別不明顯

//UIKeyboardAppearanceLight貌似和UIKeyboardAppearanceDefault一樣,沒啥區(qū)別

textFiled1.keyboardAppearance=UIKeyboardAppearanceAlert;

//設置彈出視圖,inputView即彈出的不是鍵盤而是這個視圖

//設置的frame時,只有高度有用,其他x和y和寬都是無效的,寬是默認的整個鍵盤寬度

UIImageView *imgView1=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"logo-60@3x.png"]];

imgView1.frame=CGRectMake(60, 60, 300, 300);

textFiled1.inputView=imgView1;

//設置左視圖,就是用戶名和密碼,有時候放個圖片的位置

UIView *view1=[[UIView alloc]init];

//x和y無效,x都是0,而y是根據(jù)高度來自動調整的。即高度如果超過textField則默認是textField高,如小于textField高度,則上下居中顯示。唯一有效的就是寬度

view1.frame=CGRectMake(10, 500, 50, 10);

view1.backgroundColor=[UIColor orangeColor];

textFiled1.leftView=view1;

//最重要的時:默認它是不顯示的即UITextFieldViewModeNever,我們可以設置永遠顯示UITextFieldViewModeAlways

//UITextFieldViewModeUnlessEditing-一開始就有,點擊框,呃,貌似還有

//UITextFieldViewModeWhileEditing-一開始沒有,點擊框就出現(xiàn)

textFiled1.leftViewMode=UITextFieldViewModeAlways;

//同樣,我們可以設置右視圖,當然也可以加載和圖片進來

UIImageView *imgView2=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"logo-60@3x.png"]];

imgView2.frame=CGRectMake(10, 500, 50, 10);

textFiled1.rightView=imgView2;

textFiled1.rightViewMode=UITextFieldViewModeAlways;

//設置清除按鈕,就是那個叉叉X,一點擊整個輸入框的文字全部刪除重新輸入的那個X(我們先注釋掉不讓右視圖顯示,來查看效果)

//其實我們在寫clearButtonMode是它又提示說這是一個UITextFieldViewMode類型,所以也是和上面一樣

textFiled1.clearButtonMode=UITextFieldViewModeWhileEditing;

//再次編輯時是否清空內容,這個除特定場景外很少用,會讓用戶抓狂的

//當然為了模擬再次編輯,我們需要鼠標點到其他地方然后再點回來,所以再創(chuàng)建一個textField

textFiled1.clearsOnBeginEditing=NO;

//這個clearsOnInsertion貌似點擊回去再次編輯時不清楚,但是只要一輸入內容就會清除之前的

textFiled1.clearsOnInsertion=YES;

UITextField *textField2=[[UITextField alloc]init];

textField2.frame=CGRectMake(10, 80, 300, 100);

textField2.borderStyle=UITextBorderStyleRoundedRect;

[self.view addSubview:textField2];

//我們用上面創(chuàng)建的textField2來做如下

//縱向對齊方式,默認是居中

//UIControlContentVerticalAlignmentCenter居中,所以Top、Bottom就是居上居下。Fill貌似和Top差不多

textField2.contentVerticalAlignment=UIControlContentVerticalAlignmentFill;

//當然還有橫向對齊

//也有左中右和Fill四種,但是貌似沒看到什么效果,可能對文字無效,因為有專門的針對文字的設置

textField2.contentHorizontalAlignment=UIControlContentHorizontalAlignmentRight;

//設置文字對齊方式

//同樣我們輸入textAlignment時有提示是NSTextAlignment類型,有好幾種,不細講

textField2.textAlignment=NSTextAlignmentCenter;

//設置調整文字大小以適配寬度(即輸入不下時縮小文字,實在縮小不了了,就向后滾動),默認是向右滾動的

textField2.adjustsFontSizeToFitWidth=YES;

//設置最小字號,和上面有關,即小于這個字號的時候,我就不縮小了,直接向右滾動

textField2.minimumFontSize=2;

//設置字母大小樣式,輸入autocapitalizationType時有提示是UITextAutocapitalizationType類型

//UITextAutocapitalizationTypeAllCharacters-所有字母大寫(用鍵盤輸入的話發(fā)現(xiàn)失效,需要用軟鍵盤輸入才有效,以下同理)

//UITextAutocapitalizationTypeWords-單詞首字母大寫

//UITextAutocapitalizationTypeSentences-句首字母大寫

textField2.autocapitalizationType=UITextAutocapitalizationTypeSentences;

//設置return樣式,有Done/Go/Next/Join/Google/Search/Yahoo/EmergencyCall/Send等,除了默認外,其他的按鈕都是藍顏色背景

textField2.returnKeyType=UIReturnKeyEmergencyCall;

[self.view addSubview:textFiled1];

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容