iOS開發筆記--詳解UILabel的相關屬性設定_IOS

在iOS編程中UILabel是一個常用的控制項，下面分享一下UILabel的相關屬性設定的方法。

很多學習iOS6編程都是從storyboard開始，用到UILabel時是將控制項拖到storyboard中產生實現，如果想要在-(void)viewDidLoad中用代碼如[_label initWithFrame:CGRectMake(X,Y,WIDTH,HEIGHT)]方法改變拖拽到storyboard的label的大小是行不通的，因為程式載入時先執行了-(void)viewDidLoad的代碼，然後再載入storyboard，而storyboard會按照拖拽控制項時設定的大小來產生label，即覆蓋了在-(void)viewDidLoad中設定的大小，所以要動態設定label的大小應該用代碼實現UILabel的建立。

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

這樣就用代碼實現了label的建立，其中initWithFrame設定了label的位置還有大小，其中CGRectMake可以通過另外聲明CGRect rect =CGRectMake(50,50,200,400)再將變數rect放在方法initWithFrame後實現CGRectMake的四個數值分別代表rect的位置座標x值，座標y值，寬度width，高度height。第二句[self.view addSubview:label]就是在當前的視圖self.view中通過調用addSubview方法加入子視圖，就像貼紙一樣貼上去，會因為添加的順序不同而發生後一個添加的子視圖遮蓋前一個子視圖的現象，這個在後面講為label添加背景圖時還會提到。

或者用下面的代碼來改變label的大小。

label.frame = CGRectMake(97, 47, 223, 19);  

設定label的標記（tag）

label.tag =101;  

  設定label的常值內容

label.text =@"abcd" 

 或者    

NSString *labelText = @"abcd";  label.text = labelText; 

把字串的值賦給label

設定label的文字類型與大小

label.font = [UIFont systemFontOfSize:12];//採用系統預設文字設定大小  label.font = [UIFont fontWithName:@"Arial" size:30];//設定文字類型與大小 

設定label的文字顏色

label.textColor = [UIColor lightGrayColor];//其中textColor要用UIColor類型  

設定文本的對齊

label.textAlignment = NSTextAlignmentLeft; 

 其中textAlignment有三種設定方式：NSTextAlignmentLeft為向靠左對齊，NSTextAlignmentCenter為置中對齊，NSTextAlignmentRight為向靠右對齊

如果有一些文章介紹時用的是UITextAlignmentCenter/UITextAlignmentLeft/UITextAlignmentRight,那是iOS6以前的用法，iOS6的最新用法已改

當常值內容很多，label無法全部顯示時label會將常值內容以省略符號的方式代替，下面說一下label文本省略方式的設定

label.lineBreakMode =NSLineBreakByCharWrapping;//其中lineBreakMode可選值為  linBreakMode enum{  NSLineBreakByWordWrapping = 0,//保留整個單詞，以空格為邊界    NSLineBreakByCharWrapping,//保留整個字元    NSLineBreakByClipping,//以邊界為止    NSLineBreakByTruncatingHead,//省略開頭，以省略符號代替    NSLineBreakByTruncatingTail,//省略結尾，以省略符號代替    NSLineBreakByTruncatingMiddle//省略中間，以省略符號代替    }  

設定文本的行數

label.numberOfLines = 1;//行數設定為1,不設定時系統會預設行數為1 

當需要設定的行數為不限數量的時候可以用numberOfLines=0實現

當label大小使用sizeToFit方法，調整大小時會考慮到該屬性中儲存的值。例如，如果此屬性設定為3，sizeToFit方法會調整label使它大到足以顯示三行文本。

[label sizeToFit];  

實現文本多行顯示

commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping;  commentTextLabel.numberOfLines = 0; 

文本自動根據label大小自動調整字型尺寸

label.numberOfLines =1;  label.adjustsFontSizeToFitWidth =YES;  

adjustFontSizeToFitWidth方法可實現文本自動根據label大小自動調整字型尺寸，直到文本的大小達到了自己設定的label文本尺寸最大、最小值與字串的最大最小值，要是用這個方法還有一個很大的限制就是只有在numberOfLines設定為1時才能用

如果行數是超過了1行，要實現自動調整字型大小功能，就沒有可以自適應的系統方法可以使用，只有自己用代碼實現，在設計時因為要考慮到手機螢幕的實際大小有限，如果字型太小會影響使用者體驗，所以要設定一個最小字型大小的判斷，小於最小字型大小就要用到縮減顯示，下面的代碼中主要是用到

CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180) lineBreakMode:NSLineBreakByCharWrapping];  

來得到字型在某一字型大小下的高度，判斷與label高度是否一致，其中text是輸入label的常值內容，sizWithFont設定字型，constrainedToSize設定約束文本的矩形大小參數，其中寬度要和label一致，高度設定要足夠高，要比label高很多，否則會出現文本顯示不全的問題，lineBreakMode的作用上文有講過。如果算出的高度超出了label高度，就把字型大小以迴圈的方式減小直到高度符合就跳出迴圈。

float maxHeight =50;//設定最大高度    float minFontSize =9;    float height;    int fontSize = 31;//設定最大字型大小    NSString *text = @"輸入常值內容";    do {      fontSize = fontSize - 1;        UIFont *font =[UIFont fontWithName:@"Arial" size:fontSize];        CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180)/*寬度與label的寬度一樣，高度應高於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) {//判斷字型是否小於最小字型大小，小於最小字型大小時就使用系統預設的縮減顯示      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];  

根據文本數量自動調整label高度

其實就是用上面的方法得到高度再產生label

NSString *text =[[NSString alloc]init];   text = @"輸入常值內容";   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;//實現文字多行顯示   textLabel.numberOfLines = 0;   [self.view addSubview:textLabel];   設定label的邊框粗細與顏色，設定前要在相應檔案中加入#import<QuartzCore/QuartzCore.h> label.layer.borderColor = [UIColor lightGrayColor].CGColor;//邊框顏色,要為CGColor  label.layer.borderWidth = 1;//邊框寬度  

設定label的背景顏色

label.backgroundColor =[UIColor yellowColor];  

設定label背景圖

設定背景圖有兩種方法，下面先介紹第一種方法：

設定背景圖可以把一張大小與label一樣的圖放在label的後面一層，然後把label的背景設定為透明，這樣實現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會根據自身大小改變添加的圖片的大小所以不需要額外設定image  label.backgroundColor = [UIColor clearColor];  label.text =@"hello world";  label.font = [UIFont systemFontOfSize:30];  label.textColor = [UIColor yellowColor];  [self.view addSubview:imageView];//添加的順序不能錯，否則圖片會覆蓋label  [self.view addSubview:label]; 

  這個是一個有點不正統的方法，下面要介紹更加規範的第二種方法：用UIColor設定圖片，然後把UIColor作為背景顏色，就可以實現label設定背景圖

UIColor * color = [UIColor colorWithPatternImage:image];//image為需要添加的背景圖   UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 200)];   [label setBackgroundColor:color];   [self.view addSubview:label];  

但這個方法有一個嚴重的缺陷，就是當背景圖的尺寸與label大小不一致時，會出現背景圖被部分截取或者平鋪重複的情況，所以更完善的方法是要先修改好背景圖的大小與label大小一致再設定背景顏色。可以用下面的函數設定image尺寸

 -(UIImage *)scaleImage:(UIImage *)img ToSize:(CGSize)itemSize{    UIImage *i;    // 建立一個bitmap的context,並把它設定成為當前正在使用的context    UIGraphicsBeginImageContext(itemSize);    CGRect imageRect=CGRectMake(0, 0, itemSize.width, itemSize.height);    // 繪製改變大小的圖片    [img drawInRect:imageRect];    // 從當前context中建立一個改變大小後的圖片    i=UIGraphicsGetImageFromCurrentImageContext();    // 使當前的context出堆棧    UIGraphicsEndImageContext();    // 返回新的改變大小後的圖片    return i;  }  

然後在主函數中調用即可

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];  

設定高亮

label.highLighted =YES; 

設定文本陰影

label.shadowColor =[UIColor grayColor];  

設定陰影大小

label.shadowOffset = CGSizeMake(2.0, 2.0);  

設定label圓角

label.layer.cornerRadius = 10;  

要是用這樣的設定要先在標頭檔中加上#import<QuartzCore/QuartzCore.h>

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援雲棲社區。