iOS開發筆記--UILabel的相關屬性設置

iOS編程中UILabel是一個常用的控件,下面分享一下UILabel的相關屬性設置的方法。

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

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(5050200400)];    
  2. [self.view addSubview:label];    

這樣就用代碼實現了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的大小

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.frame = CGRectMake(974722319);   

設置label的標記(tag)

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.tag =101;     

設置label的文本內容

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.text =@"abcd"  或者    
  2. NSString *labelText = @"abcd";    
  3. label.text = labelText;    

把字符串的值賦給label
設置label的文字類型與大小

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.font = [UIFont systemFontOfSize:12];//採用系統默認文字設置大小    
  2. label.font = [UIFont fontWithName:@"Arial" size:30];//設置文字類型與大小    

設置label的文字顏色

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.textColor = [UIColor lightGrayColor];//其中textColor要用UIColor類型   

設置文本的對齊方式

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.textAlignment = NSTextAlignmentLeft;    

其中textAlignment有三種設置方式:NSTextAlignmentLeft爲向左對齊,NSTextAlignmentCenter爲居中對齊,NSTextAlignmentRight爲向右對齊

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

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

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.lineBreakMode =NSLineBreakByCharWrapping;//其中lineBreakMode可選值爲    
  2. linBreakMode enum{    
  3. NSLineBreakByWordWrapping = 0,//保留整個單詞,以空格爲邊界    
  4.    NSLineBreakByCharWrapping,//保留整個字符    
  5.    NSLineBreakByClipping,//以邊界爲止    
  6.    NSLineBreakByTruncatingHead,//省略開頭,以省略號代替    
  7.    NSLineBreakByTruncatingTail,//省略結尾,以省略號代替    
  8.    NSLineBreakByTruncatingMiddle//省略中間,以省略號代替    
  9.    }    

設置文本的行數

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.numberOfLines = 1;//行數設置爲1,不設置時系統會默認行數爲1    

當需要設置的行數爲不限數量的時候可以用numberOfLines=0實現
當label大小使用sizeToFit方法,調整大小時會考慮到該屬性中存儲的值。例如,如果此屬性設置爲3,sizeToFit方法會調整label使它大到足以顯示三行文本。

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. [label sizeToFit];    

實現文本多行顯示

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping;    
  2. commentTextLabel.numberOfLines = 0;  

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

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.numberOfLines =1;    
  2. label.adjustsFontSizeToFitWidth =YES;    

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

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

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100180) lineBreakMode:NSLineBreakByCharWrapping];   

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

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. float maxHeight =50;//設置最大高度    
  2.     float minFontSize =9;    
  3.     float height;    
  4.     int fontSize = 31;//設置最大字號    
  5.     NSString *text = @"輸入文本內容";    
  6.     do {    
  7.         fontSize = fontSize - 1;    
  8.             UIFont *font =[UIFont fontWithName:@"Arial" size:fontSize];    
  9.             CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100180)/*寬度與label的寬度一樣,高度應高於label高度*/ lineBreakMode:NSLineBreakByCharWrapping];    
  10.         height = size.height;    
  11.         NSLog(@"height=%f,fontSize=%d,text=%@",height,fontSize,text);    
  12.     } while (height > maxHeight&&fontSize>minFontSize);    
  13.     
  14.     UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(505010050)];    
  15.     label.text =text;    
  16.     if (fontSize ==9) {//判斷字體是否小於最小字號,小於最小字號時就使用系統默認的縮略顯示    
  17.         label.font = [UIFont fontWithName:@"Arial" size:15];    
  18.     }    
  19.     else{    
  20.     label.font = [UIFont fontWithName:@"Arial" size:fontSize];    
  21.     label.lineBreakMode = NSLineBreakByCharWrapping;//實現文字多行顯示    
  22.     label.numberOfLines = 0;    
  23.     }    
  24.     [self.view addSubview:label];    

根據文本數量自動調整label高度
其實就是用上面的方法得到高度再生成label

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. NSString *text =[[NSString alloc]init];    
  2.   text = @"輸入文本內容";    
  3.   CGSize size = CGSizeMake(280180);    
  4.   UIFont *fonts = [UIFont systemFontOfSize:14.0];    
  5.   CGSize msgSie = [text sizeWithFont:fonts constrainedToSize:size lineBreakMode: NSLineBreakByCharWrapping];    
  6.   UILabel *textLabel  = [[UILabel alloc] init];    
  7.   [textLabel setFont:[UIFont boldSystemFontOfSize:14]];    
  8.   textLabel.frame = CGRectMake(20,70280,msgSie.height);    
  9.   textLabel.text = text;    
  10.   textLabel.lineBreakMode = NSLineBreakByCharWrapping;//實現文字多行顯示    
  11.   textLabel.numberOfLines = 0;    
  12.   [self.view addSubview:textLabel];    

設置label的邊框粗細與顏色,設置前要在相應文件中加入#import<QuartzCore/QuartzCore.h>

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.layer.borderColor = [UIColor lightGrayColor].CGColor;//邊框顏色,要爲CGColor    
  2. label.layer.borderWidth = 1;//邊框寬度    

設置label的背景顏色

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.backgroundColor =[UIColor yellowColor];    

設置label背景圖
設置背景圖有兩種方法,下面先介紹第一種方法:
設置背景圖可以把一張大小與label一樣的圖放在label的後面一層,然後把label的背景設置爲透明,這樣實現label有背景

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(5050200400)];    
  2. UIImageView *imageView =[[UIImageView alloc]init];    
  3. imageView.frame =CGRectMake(5050200400);    
  4. UIImage *image=[UIImage imageNamed:@"1.jpg"];    
  5. imageView.image =image;//imageView會根據自身大小改變添加的圖片的大小所以不需要額外設置image    
  6. label.backgroundColor = [UIColor clearColor];    
  7. label.text =@"hello world";    
  8. label.font = [UIFont systemFontOfSize:30];    
  9. label.textColor = [UIColor yellowColor];    
  10. [self.view addSubview:imageView];//添加的順序不能錯,否則圖片會覆蓋label    
  11. [self.view addSubview:label];    

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

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. UIColor * color = [UIColor colorWithPatternImage:image];//image爲需要添加的背景圖    
  2.  UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(5050100200)];    
  3.  [label setBackgroundColor:color];    
  4.  [self.view addSubview:label];    

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

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. -(UIImage *)scaleImage:(UIImage *)img ToSize:(CGSize)itemSize{    
  2.     UIImage *i;    
  3.     // 創建一個bitmap的context,並把它設置成爲當前正在使用的context    
  4.     UIGraphicsBeginImageContext(itemSize);    
  5.     CGRect imageRect=CGRectMake(00, itemSize.width, itemSize.height);    
  6.     // 繪製改變大小的圖片    
  7.     [img drawInRect:imageRect];    
  8.     // 從當前context中創建一個改變大小後的圖片    
  9.     i=UIGraphicsGetImageFromCurrentImageContext();    
  10.     // 使當前的context出堆棧    
  11.     UIGraphicsEndImageContext();    
  12.     // 返回新的改變大小後的圖片    
  13.     return i;    
  14. }   

然後在主函數中調用即可

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. CGSize size= CGSizeMake(100200);    
  2.     UIImage *image =[UIImage imageNamed:@"1.jpg"];    
  3.     UIImage *laterImage =[self scaleImage:image ToSize:size];    
  4.     UIColor * color = [UIColor colorWithPatternImage:laterImage];    
  5.    UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(5050100200)];    
  6.    [label setBackgroundColor:color];    
  7.    [self.view addSubview:label];    

設置高亮

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.highLighted =YES;  

設置文本陰影

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.shadowColor =[UIColor grayColor];   

設置陰影大小

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.shadowOffset = CGSizeMake(2.02.0);   

設置label圓角

[objc] view plaincopy在CODE上查看代碼片派生到我的代碼片
  1. label.layer.cornerRadius = 10;    

要是用這樣的設置要先在頭文件中加上#import<QuartzCore/QuartzCore.h>


轉自:http://blog.csdn.net/changesquare/article/details/11353413

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