placeholder文字的位置觅丰,顏色等的自定義設(shè)置

我們有時(shí)需要定制化UITextField對(duì)象的風(fēng)格饵溅,可以添加許多不同的重寫方法,來改變文本字段的顯示行為妇萄。這些方法都會(huì)返回一個(gè)CGRect結(jié)構(gòu)蜕企,制定了文本字段每個(gè)部件的邊界范圍,甚至修改placeHolder顏色冠句,字體,有些方法對(duì)UITextView同樣適用轻掩。

- (CGRect)textRectForBounds:(CGRect)bounds      //重寫來重置文字區(qū)域
- (void)drawTextInRect:(CGRect)rect//改變繪文字屬性.重寫時(shí)調(diào)用super可以按默認(rèn)圖形屬性繪制,若自己完全重寫繪制函數(shù),就不用調(diào)用super了.
- (CGRect)placeholderRectForBounds:(CGRect)bounds   //重寫來重置占位符區(qū)域
- (void)drawPlaceholderInRect:(CGRect)rect                  //重寫改變繪制占位符屬性.重寫時(shí)調(diào)用super可以按默認(rèn)圖形屬性繪制,若自己完全重寫繪制函數(shù)懦底,就不用調(diào)用super了
- (CGRect)borderRectForBounds:(CGRect)bounds          //重寫來重置邊緣區(qū)域
- (CGRect)editingRectForBounds:(CGRect)bounds          //重寫來重置編輯區(qū)域
- (CGRect)clearButtonRectForBounds:(CGRect)bounds    //重寫來重置clearButton位置,改變size可能導(dǎo)致button的圖片失真
- (CGRect)leftViewRectForBounds:(CGRect)bounds
- (CGRect)rightViewRectForBounds:(CGRect)bounds

通過- (void)drawPlaceholderInRect:(CGRect)rect 方法可改變placeHolder顏色唇牧、字體,請(qǐng)看代碼:
自定義一個(gè)類CustomTextField讓它繼承UITextField實(shí)現(xiàn)以下方法即可:

//控制清除按鈕的位置
-(CGRect)clearButtonRectForBounds:(CGRect)bounds
{
   return CGRectMake(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);
   CGRect inset = CGRectMake(bounds.origin.x+20, bounds.origin.y, bounds.size.width, bounds.size.height);//更好理解些
   return inset;
}
//控制顯示文本的位置
-(CGRect)textRectForBounds:(CGRect)bounds
{
    //return CGRectInset(bounds, 50, 0);
    CGRect inset = CGRectMake(bounds.origin.x+190, bounds.origin.y, bounds.size.width -10, bounds.size.height);//更好理解些
    return inset;

}

//控制編輯文本的位置
-(CGRect)editingRectForBounds:(CGRect)bounds
{
    //return CGRectInset( bounds, 10 , 0 );
    
   CGRect inset = CGRectMake(bounds.origin.x +10, bounds.origin.y, bounds.size.width -10, bounds.size.height);
   return inset;
}

//控制左視圖位置
- (CGRect)leftViewRectForBounds:(CGRect)bounds
{
   CGRect inset = CGRectMake(bounds.origin.x +10, bounds.origin.y, bounds.size.width-250, bounds.size.height);
   return inset;
    //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 = [[CustomTextField alloc] initWithFrame:CGRectMake(20, 150, 280, 30)];
    _textField.placeholder = @"手機(jī)號(hào)";
    _textField.borderStyle = UITextBorderStyleRoundedRect;
    _textField.textAlignment = UITextAlignmentLeft;
    _textField.delegate = self;
    _textField.clearButtonMode = UITextFieldViewModeWhileEditing;
    //_textField.text = @"隨便";
    UIImageView *imgv = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"anyImage.png"]];
    _textField.leftView = imgv;
    _textField.leftViewMode = UITextFieldViewModeAlways;
    [self.view addSubview:_textField];

還可以將placeholder的字體設(shè)置為傾斜杆查,正常的情況下直接設(shè)置使用italicSystemFontOfSize:是只能顯示英文的斜體扮惦,中文是不可以的,使用如下方法可以使中文傾斜

- (void)drawPlaceholderInRect:(CGRect)rect
{
    CGAffineTransform matrix =  CGAffineTransformMake(1, 0, tanf(15 * (CGFloat)M_PI / 180), 1, 0, 0);
    CGFloat size=self.font.pointSize;
    UIFontDescriptor *desc = [ UIFontDescriptor fontDescriptorWithName :self.font.fontName matrix :matrix];
    UIFont *font = [ UIFont fontWithDescriptor :desc size :size];
    [[UIColor lightGrayColor] set]; //顏色會(huì)自動(dòng)變成黑色,所以需要手動(dòng)設(shè)置為灰色
    [self.placeholder drawInRect:rect withFont:font lineBreakMode:NSLineBreakByTruncatingTail];
    
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末亲桦,一起剝皮案震驚了整個(gè)濱河市径缅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌烙肺,老刑警劉巖纳猪,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異桃笙,居然都是意外死亡氏堤,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門闪檬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事衫哥。” “怎么了蚊荣?”我有些...
    開封第一講書人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長敲霍。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上腻扇,老公的妹妹穿的比我還像新娘。我一直安慰自己墙杯,他們只是感情好荐绝,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著监憎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪褐筛。 梳的紋絲不亂的頭發(fā)上渔扎,一...
    開封第一講書人閱讀 51,146評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音信轿,去河邊找鬼晃痴。 笑死,一個(gè)胖子當(dāng)著我的面吹牛财忽,可吹牛的內(nèi)容都是我干的倘核。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼即彪,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼笤虫!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤琼蚯,失蹤者是張志新(化名)和其女友劉穎酬凳,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體遭庶,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宁仔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了峦睡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片翎苫。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖榨了,靈堂內(nèi)的尸體忽然破棺而出煎谍,到底是詐尸還是另有隱情,我是刑警寧澤龙屉,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布呐粘,位于F島的核電站,受9級(jí)特大地震影響转捕,放射性物質(zhì)發(fā)生泄漏作岖。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一五芝、第九天 我趴在偏房一處隱蔽的房頂上張望痘儡。 院中可真熱鬧,春花似錦枢步、人聲如沸沉删。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽丑念。三九已至,卻和暖如春结蟋,著一層夾襖步出監(jiān)牢的瞬間脯倚,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來泰國打工嵌屎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留推正,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓宝惰,卻偏偏與公主長得像植榕,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子尼夺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容