UILabel的使用

UILabel是一個(gè)常用的控件,它的屬性設(shè)置的方法在純代碼中經(jīng)常使用。在storyboard中,使用UILabel時(shí)是將控件拖到storyboard中生成實(shí)現(xiàn),假如生成的Label不是想要的尺寸 , 如果再想在-(void)viewDidLoad中用純代碼如[_label initWithFrame:CGRectMake(X,Y,WIDTH,HEIGHT)]方法來(lái)修改拖拽到storyboard的label的大小是行不通的.

原因是程序加載時(shí)先執(zhí)行了-(void)viewDidLoad的代碼,然后再加載storyboard,而storyboard會(huì)按照拖拽控件時(shí)設(shè)置的大小來(lái)生成label,即覆蓋了在-(void)viewDidLoad中設(shè)置的大小.

所以要?jiǎng)討B(tài)設(shè)置label的大小應(yīng)該用純代碼實(shí)現(xiàn)UILabel的創(chuàng)建:

UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 200, 400)];

[self.view addSubview:label];

這樣就用代碼實(shí)現(xiàn)了label的創(chuàng)建,其中initWithFrame設(shè)置了label的位置還有大小,其中CGRectMake可以通過(guò)另外聲明CGRect rect =CGRectMake(50,50,200,400)再將變量rect放在方法initWithFrame后實(shí)現(xiàn)CGRectMake的四個(gè)數(shù)值分別代表rect的位置坐標(biāo)x值,坐標(biāo)y值,寬度width,高度height。

第二句[self.view addSubview:label]就是在當(dāng)前的視圖self.view中通過(guò)調(diào)用addSubview方法加入子視圖,就像貼紙一樣貼上去,會(huì)出現(xiàn)因?yàn)樘砑拥捻樞虿煌l(fā)生后一個(gè)添加的子視圖遮蓋前一個(gè)子視圖的現(xiàn)象.

下面是一些常用的方法:@1. 改變label的大小: label.frame = CGRectMake(97, 47, 223, 19);

@2.設(shè)置label的標(biāo)記(tag)? label.tag =101;

@3.設(shè)置label的文本內(nèi)容,直接設(shè)置:? ? label.text =@"abcd"? 2.? 間接設(shè)置: (先創(chuàng)建一個(gè)字符串,再把字符串的值賦給label):NSString *labelText = @"abcd";? ? label.text = labelText;

@4.設(shè)置label的文字類型與大小label.font = [UIFont systemFontOfSize:12];? //采用系統(tǒng)默認(rèn)文字設(shè)置大小? ? label.font = [UIFont fontWithName:@"Arial" size:30]; //設(shè)置文字類型與大小

@5.設(shè)置label的文字顏色 label.textColor = [UIColor lightGrayColor];? //使用 UIColor 來(lái)設(shè)置顏色

@6.設(shè)置文本的對(duì)齊方式label.textAlignment = NSTextAlignmentLeft;? ? 其中textAlignment有三種設(shè)置方式:NSTextAlignmentLeft為向左對(duì)齊,NSTextAlignmentCenter為居中對(duì)齊,NSTextAlignmentRight為向右對(duì)齊如果有一些人使用的是UITextAlignmentCenter/UITextAlignmentLeft/UITextAlignmentRight,那是iOS6以前的用法,iOS6之后用法已改.當(dāng)文本內(nèi)容很多,label無(wú)法全部顯示時(shí)label會(huì)將文本內(nèi)容以省略號(hào)的方式代替.下面展示一下label文本省略方式的設(shè)置:label.lineBreakMode =NSLineBreakByCharWrapping;//lineBreakMode可選類型? linBreakMode enum{

NSLineBreakByWordWrapping = 0,//保留整個(gè)單詞,以空格為邊界? ? ? ? NSLineBreakByCharWrapping,//保留整個(gè)字符? ? ? ? NSLineBreakByClipping,//以邊界為止? ? ? ? NSLineBreakByTruncatingHead,//省略開(kāi)頭,以省略號(hào)代替? ? ? ? NSLineBreakByTruncatingTail,//省略結(jié)尾,以省略號(hào)代替? ? ? ? NSLineBreakByTruncatingMiddle//省略中間,以省略號(hào)代替

}

@7.設(shè)置文本的行數(shù)label.numberOfLines = 1;//行數(shù)設(shè)置為1,不設(shè)置時(shí)系統(tǒng)會(huì)默認(rèn)行數(shù)為1? ; 當(dāng)需要設(shè)置的行數(shù)為不限數(shù)量的時(shí)候可以用numberOfLines=0實(shí)現(xiàn)當(dāng)label大小使用sizeToFit方法,調(diào)整大小時(shí)會(huì)考慮到該屬性中存儲(chǔ)的值。例如,如果此屬性設(shè)置為3,sizeToFit方法會(huì)調(diào)整label使它大到足以顯示三行文本。

@8.下面就是萬(wàn)能的? sizeToFit? 方法, 相信以后你會(huì)毫不猶豫的把它寫出來(lái):[label sizeToFit];? ? *.實(shí)現(xiàn)文本多行顯示commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping;? ? commentTextLabel.numberOfLines = 0;

@9.文本自動(dòng)根據(jù)label大小自動(dòng)調(diào)整字體尺寸label.numberOfLines =1;? ? label.adjustsFontSizeToFitWidth =YES;? ? adjustFontSizeToFitWidth方法可實(shí)現(xiàn)文本自動(dòng)根據(jù)label大小自動(dòng)調(diào)整字體尺寸,直到文本的大小達(dá)到了自己設(shè)置的label文本尺寸最大、最小值與字符串的最大最小值,要是用這個(gè)方法還有一個(gè)很大的限制就是只有在numberOfLines設(shè)置為1時(shí)才能用這個(gè)方法;如果行數(shù)是超過(guò)了1行,要實(shí)現(xiàn)自動(dòng)調(diào)整字體大小功能,就沒(méi)有可以自適應(yīng)的系統(tǒng)方法可以使用,只有自己用代碼實(shí)現(xiàn),在設(shè)計(jì)時(shí)因?yàn)橐紤]到手機(jī)屏幕的實(shí)際大小有限,如果字體太小會(huì)影響用戶體驗(yàn),所以要設(shè)置一個(gè)最小字號(hào)的判斷,小于最小字號(hào)就要用到縮略顯示.

@10.下面的代碼中主要是用到:CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180) lineBreakMode:NSLineBreakByCharWrapping];? 先得到字體在某一字號(hào)下的高度,判斷與label高度是否一致,其中text是輸入label的文本內(nèi)容,sizWithFont設(shè)置字體,constrainedToSize設(shè)置約束文本的矩形大小參數(shù),其中寬度要和label一致,高度設(shè)置要足夠高,要比label高很多,否則會(huì)出現(xiàn)文本顯示不全的問(wèn)題,lineBreakMode的作用上文有講過(guò)。如果算出的高度超出了label高度,就把字號(hào)以循環(huán)的方式減小直到高度符合就跳出循環(huán)。float maxHeight =50;//設(shè)置最大高度

float minFontSize =9;

int fontSize = 31;//設(shè)置最大字號(hào)

NSString *text = @"輸入文本內(nèi)容";

do {

fontSize = fontSize - 1;

UIFont *font =[UIFont fontWithName:@"Arial" size:fontSize];

CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180)/*寬度與label的寬度一樣,高度應(yīng)高于label高度*/ lineBreakMode:NSLineBreakByCharWrapping];

height = size.height;? ? ? ? NSLog(@"height=%f,fontSize=%d,text=%@",height,fontSize,text);? ? ? ? ? } while (height > maxHeight&&fontSize>minFontSize);? ? ? ? ? ? UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 50)];? ? ? ? label.text =text;

if (fontSize ==9) {

//判斷字體是否小于最小字號(hào),小于最小字號(hào)時(shí)就使用系統(tǒng)默認(rèn)的縮略顯示? ? label.font = [UIFont fontWithName:@"Arial" size:15];

}else{

label.font = [UIFont fontWithName:@"Arial" size:fontSize];? ? ? ? label.lineBreakMode = NSLineBreakByCharWrapping;//文字多行顯示? ? label.numberOfLines = 0;

}

[self.view addSubview:label];? ? 根據(jù)文本數(shù)量自動(dòng)調(diào)整label高度其實(shí)就是用上面的方法得到高度再生成label

NSString *text =[[NSString alloc]init];

text = @"輸入文本內(nèi)容";

CGSize size = CGSizeMake(280, 180);

UIFont *fonts = [UIFont systemFontOfSize:14.0];

CGSize msgSie = [text sizeWithFont:fonts constrainedToSize:size lineBreakMode: NSLineBreakByCharWrapping];

UILabel *textLabel? = [[UILabel alloc] init];

[textLabel setFont:[UIFont boldSystemFontOfSize:14]];? ? ? textLabel.frame = CGRectMake(20,70, 280,msgSie.height);? ? ? textLabel.text = text;

textLabel.lineBreakMode = NSLineBreakByCharWrapping;//實(shí)現(xiàn)文字多行顯示

textLabel.numberOfLines = 0;

[self.view addSubview:textLabel];

@11.設(shè)置label的邊框粗細(xì)與顏色,設(shè)置前要在相應(yīng)文件中加入#importlabel.layer.borderColor = [UIColor lightGrayColor].CGColor;//邊框顏色,要為CGColor? ? label.layer.borderWidth = 1;//邊框?qū)挾?/p>

@12.設(shè)置label的背景顏色label.backgroundColor =[UIColor yellowColor];

@13.設(shè)置label背景圖設(shè)置背景圖有兩種方法:第一種方法:設(shè)置背景圖可以把一張大小與label一樣的圖放在label的后面一層,然后把label的背景設(shè)置為透明,這樣實(shí)現(xiàn)label有背景的效果:UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 200, 400)];

UIImageView *imageView =[[UIImageView alloc]init];? ? imageView.frame =CGRectMake(50, 50, 200, 400);

UIImage *image=[UIImage imageNamed:@"1.jpg"];

imageView.image =image;//imageView會(huì)根據(jù)自身大小改變添加的圖片的大小所以不需要額外設(shè)置image? ? label.backgroundColor = [UIColor clearColor];? ? label.text =@"hello world";? ? label.font = [UIFont systemFontOfSize:30];? ? label.textColor = [UIColor yellowColor];? ? [self.view addSubview:imageView];//添加的順序不能錯(cuò),否則圖片會(huì)覆蓋

[self.view addSubview:label];

這個(gè)是一個(gè)有點(diǎn)不符合常規(guī)的方法,下面要介紹更加規(guī)范的第二種方法:用UIColor設(shè)置圖片,然后把UIColor作為背景顏色,就可以實(shí)現(xiàn)label設(shè)置背景

UIColor * color = [UIColor colorWithPatternImage:image];//image為需要添加的背景圖

UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 200)];

[label setBackgroundColor:color];

[self.view addSubview:label];

但這個(gè)方法有一個(gè)嚴(yán)重的缺陷,就是當(dāng)背景圖的尺寸與label大小不一致時(shí),會(huì)出現(xiàn)背景圖被部分截取或者平鋪重復(fù)的情況,所以更完善的方法是要先修改好背景圖的大小與label大小一致再設(shè)置背景顏色。

@13.可以用下面的函數(shù)設(shè)置image尺寸:-(UIImage *)scaleImage:(UIImage *)img ToSize:(CGSize)itemSize{

UIImage *i;

// 創(chuàng)建一個(gè)bitmap的context,并把它設(shè)置成為當(dāng)前正在使用的context? ? ? ? UIGraphicsBeginImageContext(itemSize);

CGRect imageRect=CGRectMake(0, 0, itemSize.width, itemSize.height);? ? ? // 繪制改變大小的圖片

[img drawInRect:imageRect];? ? ? ? // 從當(dāng)前context中創(chuàng)建一個(gè)改變大小后的圖片

i=UIGraphicsGetImageFromCurrentImageContext();? ? ? ? // 使當(dāng)前的context出堆棧

UIGraphicsEndImageContext();? ? ? ? // 返回新的改變大小后的圖片? ? ? ? return i;

}

然后在主函數(shù)中調(diào)用即可

CGSize size= CGSizeMake(100, 200);

UIImage *image =[UIImage imageNamed:@"1.jpg"];

UIImage *laterImage =[self scaleImage:image ToSize:size];? ? ? ? UIColor * color = [UIColor colorWithPatternImage:laterImage];? ? ? UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 200)];

[label setBackgroundColor:color];

[self.view addSubview:label];

@14.設(shè)置高亮label.highLighted =YES;

@15.設(shè)置文本陰影? label.shadowColor =[UIColor grayColor];

@16.設(shè)置陰影大小? label.shadowOffset = CGSizeMake(2.0, 2.0);

@17.設(shè)置label圓角? label.layer.cornerRadius = 10;

要是用這樣的設(shè)置要先在頭文件中加上#import就行了!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,505評(píng)論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,556評(píng)論 3 418
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 176,463評(píng)論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 63,009評(píng)論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,778評(píng)論 6 410
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 55,218評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,281評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 42,436評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,969評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,795評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,993評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,537評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,229評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 34,659評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 35,917評(píng)論 1 286
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,687評(píng)論 3 392
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,990評(píng)論 2 374

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