iOS開發(fā)筆記--詳解UILabel的相關(guān)屬性設(shè)置
在iOS編程中UILabel是一個(gè)常用的控件,下面分享一下UILabel的相關(guān)屬性設(shè)置的方法。
很多學(xué)習(xí)iOS6編程都是從storyboard開始,用到UILabel時(shí)是將控件拖到storyboard中生成實(shí)現(xiàn),如果想要在-(void)viewDidLoad中用代碼如[_label initWithFrame:CGRectMake(X,Y,WIDTH,HEIGHT)]方法改變拖拽到storyboard的label的大小是行不通的,因?yàn)槌绦蚣虞d時(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)];
這樣就用代碼實(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ì)因?yàn)樘砑拥捻樞虿煌l(fā)生后一個(gè)添加的子視圖遮蓋前一個(gè)子視圖的現(xiàn)象,這個(gè)在后面講為label添加背景圖時(shí)還會(huì)提到。
或者用下面的代碼來(lái)改變label的大小。
label.frame = CGRectMake(97, 47, 223, 19);
設(shè)置label的標(biāo)記(tag)
label.tag =101;
設(shè)置label的文本內(nèi)容
label.text =@"abcd"
或者
NSString *labelText = @"abcd"; label.text = labelText;
把字符串的值賦給label
設(shè)置label的文字類型與大小
label.font = [UIFont systemFontOfSize:12];//采用系統(tǒng)默認(rèn)文字設(shè)置大小 label.font = [UIFont fontWithName:@"Arial" size:30];//設(shè)置文字類型與大小
設(shè)置label的文字顏色
label.textColor = [UIColor lightGrayColor];//其中textColor要用UIColor類型
設(shè)置文本的對(duì)齊方式
label.textAlignment = NSTextAlignmentLeft;
其中textAlignment有三種設(shè)置方式:NSTextAlignmentLeft為向左對(duì)齊,NSTextAlignmentCenter為居中對(duì)齊,NSTextAlignmentRight為向右對(duì)齊
如果有一些文章介紹時(shí)用的是UITextAlignmentCenter/UITextAlignmentLeft/UITextAlignmentRight,那是iOS6以前的用法,iOS6的最新用法已改
當(dāng)文本內(nèi)容很多,label無(wú)法全部顯示時(shí)label會(huì)將文本內(nèi)容以省略號(hào)的方式代替,下面說(shuō)一下label文本省略方式的設(shè)置
label.lineBreakMode =NSLineBreakByCharWrapping;//其中l(wèi)ineBreakMode可選值為 linBreakMode enum{ NSLineBreakByWordWrapping = 0,//保留整個(gè)單詞,以空格為邊界 NSLineBreakByCharWrapping,//保留整個(gè)字符 NSLineBreakByClipping,//以邊界為止 NSLineBreakByTruncatingHead,//省略開頭,以省略號(hào)代替 NSLineBreakByTruncatingTail,//省略結(jié)尾,以省略號(hào)代替 NSLineBreakByTruncatingMiddle//省略中間,以省略號(hào)代替 }
設(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使它大到足以顯示三行文本。
[label sizeToFit];
實(shí)現(xiàn)文本多行顯示
commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping; commentTextLabel.numberOfLines = 0;
文本自動(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í)才能用
如果行數(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)就要用到縮略顯示,下面的代碼中主要是用到
CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180) lineBreakMode:NSLineBreakByCharWrapping];
來(lái)得到字體在某一字號(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; float height; 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;//實(shí)現(xiàn)文字多行顯示 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]; 設(shè)置label的邊框粗細(xì)與顏色,設(shè)置前要在相應(yīng)文件中加入#import<QuartzCore/QuartzCore.h> label.layer.borderColor = [UIColor lightGrayColor].CGColor;//邊框顏色,要為CGColor label.layer.borderWidth = 1;//邊框?qū)挾?
設(shè)置label的背景顏色
label.backgroundColor =[UIColor yellowColor];
設(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ì)覆蓋label [self.view addSubview:label];
這個(gè)是一個(gè)有點(diǎn)不正統(tǒng)的方法,下面要介紹更加規(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è)置背景顏色。可以用下面的函數(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];
設(shè)置高亮
label.highLighted =YES;
設(shè)置文本陰影
label.shadowColor =[UIColor grayColor];
設(shè)置陰影大小
label.shadowOffset = CGSizeMake(2.0, 2.0);
設(shè)置label圓角
label.layer.cornerRadius = 10;
要是用這樣的設(shè)置要先在頭文件中加上#import<QuartzCore/QuartzCore.h>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- iOS開發(fā)中使用UILabel設(shè)置字體的相關(guān)技巧小結(jié)
- iOS中UILabel設(shè)置居上對(duì)齊、居中對(duì)齊、居下對(duì)齊及文字置頂顯示
- iOS長(zhǎng)按UIlabel實(shí)現(xiàn)可復(fù)制功能
- iOS應(yīng)用中UILabel文字顯示效果的常用設(shè)置總結(jié)
- iOS App開發(fā)中修改UILabel默認(rèn)字體的方法
- iOS 設(shè)置UILabel的行間距并自適應(yīng)高度的方法
- iOS UILabel 設(shè)置內(nèi)容的間距及高度的計(jì)算示例
- UILabel顯示定時(shí)器文本跳動(dòng)問(wèn)題的解決方法
相關(guān)文章
IOS 通訊錄的訪問(wèn)和修改的實(shí)現(xiàn)
這篇文章主要介紹了IOS 通訊錄的訪問(wèn)和修改的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2017-06-06ajax 三種實(shí)現(xiàn)方法實(shí)例代碼
這篇文章主要介紹了ajax 三種實(shí)現(xiàn)方法實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-09-09iOS實(shí)現(xiàn)滑動(dòng)弧形菜單的思路與方法
這篇文章主要給大家介紹了利用iOS實(shí)現(xiàn)滑動(dòng)弧形菜單的思路與方法,實(shí)現(xiàn)后的效果非常不錯(cuò),非常適合大家在開發(fā)中使用,文末給出了封裝源碼下載的地址供大家下載學(xué)習(xí),需要的朋友可以參考,下面來(lái)一起看看吧。2017-05-05iOS指紋驗(yàn)證TouchID應(yīng)用學(xué)習(xí)教程
這篇文章主要為大家詳細(xì)iOS指紋驗(yàn)證TouchID應(yīng)用學(xué)習(xí)教程的第一篇,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01iOS使用pageViewController實(shí)現(xiàn)多視圖滑動(dòng)切換
這篇文章主要為大家詳細(xì)介紹了iOS使用pageViewController實(shí)現(xiàn)多視圖滑動(dòng)切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06