iOS 只有下劃線的輸入框

很多APP登錄界面的的賬號密碼輸入處不是一個框,而是一條下劃線。下面就來教教大家怎麼做!

(下圖的下劃線 設置成紅色,醒目些!!!)



分析:

1.首先可以確定的是,輸入賬號密碼 處肯定是一個輸入框(TextField/TextView),因爲在 OC裏,除了這兩樣,沒什麼控件有輸入功能 (PS:所以猜測是label+imageView、或者亂七八糟控件的同學,看到這裏可以停止猜想了)。

2.輸入框有個borderStyle屬性,設置輸入框的樣式,可是系統裏沒有單個下劃線的樣式選項,這時候你就可以想到可以是組合樣式:TextField/TextView+UIView


分析完畢,這裏有兩個方法可以完成需求

方法一,直接創建法。看下面代碼:

UITextField * pswTF = [[UITextFieldalloc]initWithFrame:CGRectMake(20,385,340,45)];

pswTF.placeholder =@"請輸入密碼";


***注意** 

underLine的frame尤其重要,1.underLine添加在pswTF上,把pswTF當做母版設置frame;2.underLine添加在self.view,把pswTF當做母版另外設置frame! (PS:我這裏把underLine添加在pswTF上)


UIView * underLine = [[UIViewalloc]initWithFrame:CGRectMake(0,pswTF.frame.size.height-2,pswTF.frame.size.width,2)];

    underLine.backgroundColor = [UIColorredColor];//紅色醒目,方便大家看


    [self.viewaddSubview:pswTF];

    

    [pswTF addSubview:underLine];//我這裏把underLine添加在pswTF上



方法二,創建父類法。
1.創建一個繼承於UItextFiled的類(underLiner)


2.在類(underLiner)的.m文件裏重寫父類的 - (void)drawRect:(CGRect)rect方法


3.在使用到它的地方(類),導入underLiner.m,然後用underLiner來創建使用



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章