我們有時需要定制化UITextField對象的風格,可以添加許多不同的重寫方法,來改變文本字段的顯示行為。這些方法都會返回一個CGRect結構,制定了文本字段每個部件的邊界范圍,甚至修改placeHolder顏色,字體。
– textRectForBounds:????//重寫來重置文字區域
– drawTextInRect://改變繪文字屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數,就不用調用super了.
– placeholderRectForBounds://重寫來重置占位符區域
– drawPlaceholderInRect://重寫改變繪制占位符屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數,就不用調用super了
– borderRectForBounds://重寫來重置邊緣區域
– editingRectForBounds://重寫來重置編輯區域
– clearButtonRectForBounds://重寫來重置clearButton位置,改變size可能導致button的圖片失真
– leftViewRectForBounds:
– rightViewRectForBounds:
通過– drawPlaceholderInRect:方法可改變placeHolder顏色、字體,請看代碼:
首先定義一個類CustomTextField讓它繼承UITextField實現以下方法即可:
//控制清除按鈕的位置
-(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)可以根據需要設置文本框的樣式(包括形狀、邊框顏色、背景等)。
(2)可以根據需要設置文字顯示樣式(包括輸入密碼時的密文顯示、文字橫向居中、縱向居中上下、輸入的文字是否首席木大寫、文字超過后是否縮小還是向右滾動等)。
(3)可以根據需要設置各種不同的鍵盤樣式(只有數字、只有字母等等)。
(4)還有inputView可以彈出一個視圖,用于取代彈出鍵盤,暫時不知道什么用處,但貌似可以用得地方很多啊。
(5)還有return的樣式設置,可以設置為Google也可以設置為Go和Search等更形象的按鈕。
(6)還有一個clearsOnBeginEditing是否設置清除按鈕也很常用。
(7)還有用得比較多得估計是左右視圖,也就是我們常見的用戶名和密碼的前面還有一個小icon圖片表示用戶的“小人”和表示密碼的“鎖”的圖片,用左右視圖可以加載進來,當然最后要記得設置左右視圖模式為Always,不然默認是Never不顯示的。
- (void)viewDidLoad {
//textfiled1本想是textField1的,但不影響
UITextField *textFiled1=[[UITextField alloc]init];
//此時textField1已存在,但因為是透明背景,所以看不見,但是點擊那塊地方會發現光標閃爍可寫
//為了證明是透明背景而不是白色背景,我們可以設置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;
//設置鍵盤樣式,比如銀行取款密碼只需要數字,有的輸入郵箱需要@等等
//UIKeyboardTypeAlphabet和UIKeyboardTypeDefault類似,就是我們平時看到那樣,都是字母,然后有個按鍵可以切換符號
//UIKeyboardTypeASCIICapable好像和上面差不多
//UIKeyboardTypeDecimalPad,UIKeyboardTypeNumberPad都是數字,但前者多了一個“小數點”按鍵
//UIKeyboardTypeEmailAddress-除了字母還有小數點和@出現
//UIKeyboardTypeNamePhonePad-貌似正常
//UIKeyboardTypePhonePad-電話鍵盤,不僅有數字還有*和#的那種
//UIKeyboardTypeNumbersAndPunctuation-只有數字和標點符號
//UIKeyboardTypeTwitter-除了字母還有@和#,這是微博的符號
//UIKeyboardTypeURL-除字母,還有.com按鈕,方便輸入
//UIKeyboardTypeWebSearch-主要區別在于return鍵變成了GO鍵
//注意:如果是最xcode6下的模擬器的話,默認是不調出軟鍵盤的,按CMD+K可以調出,或者在菜單Hardware里地Keyboard里設置
textFiled1.keyboardType=UIKeyboardTypeWebSearch;
//設置鍵盤外觀
//UIKeyboardAppearanceDark和UIKeyboardAppearanceAlert都是把鍵盤背景變成半透明灰色區別不明顯
//UIKeyboardAppearanceLight貌似和UIKeyboardAppearanceDefault一樣,沒啥區別
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是根據高度來自動調整的。即高度如果超過textField則默認是textField高,如小于textField高度,則上下居中顯示。唯一有效的就是寬度
view1.frame=CGRectMake(10, 500, 50, 10);
view1.backgroundColor=[UIColor orangeColor];
textFiled1.leftView=view1;
//最重要的時:默認它是不顯示的即UITextFieldViewModeNever,我們可以設置永遠顯示UITextFieldViewModeAlways
//UITextFieldViewModeUnlessEditing-一開始就有,點擊框,呃,貌似還有
//UITextFieldViewModeWhileEditing-一開始沒有,點擊框就出現
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;
//再次編輯時是否清空內容,這個除特定場景外很少用,會讓用戶抓狂的
//當然為了模擬再次編輯,我們需要鼠標點到其他地方然后再點回來,所以再創建一個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];
//我們用上面創建的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-所有字母大寫(用鍵盤輸入的話發現失效,需要用軟鍵盤輸入才有效,以下同理)
//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.
}