在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的建立。app
1
|
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的大小。學習
1
|
label.frame = CGRectMake(97, 47, 223, 19);
|
設置label的標記(tag)字體
1
|
label.tag =101;
|
設置label的文本內容spa
1
|
label.text =@
"abcd"
|
或者 .net
1
2
|
NSString *labelText = @
"abcd"
;
label.text = labelText;
|
把字符串的值賦給label設計
設置label的文字類型與大小code
1
2
|
label.font = [UIFont systemFontOfSize:12];
//採用系統默認文字設置大小
label.font = [UIFont fontWithName:@
"Arial"
size:30];
//設置文字類型與大小
|
設置label的文字顏色htm
1
|
label.textColor = [UIColor lightGrayColor];
//其中textColor要用UIColor類型
|
設置文本的對齊方式
1
|
label.textAlignment = NSTextAlignmentLeft;
|
其中textAlignment有三種設置方式:NSTextAlignmentLeft爲向左對齊,NSTextAlignmentCenter爲居中對齊,NSTextAlignmentRight爲向右對齊
若是有一些文章介紹時用的是UITextAlignmentCenter/UITextAlignmentLeft/UITextAlignmentRight,那是iOS6之前的用法,iOS6的最新用法已改
當文本內容不少,label沒法所有顯示時label會將文本內容以省略號的方式代替,下面說一下label文本省略方式的設置
1
2
3
4
5
6
7
8
9
|
label.lineBreakMode =NSLineBreakByCharWrapping;
//其中lineBreakMode可選值爲
linBreakMode
enum
{
NSLineBreakByWordWrapping = 0,
//保留整個單詞,以空格爲邊界
NSLineBreakByCharWrapping,
//保留整個字符
NSLineBreakByClipping,
//以邊界爲止
NSLineBreakByTruncatingHead,
//省略開頭,以省略號代替
NSLineBreakByTruncatingTail,
//省略結尾,以省略號代替
NSLineBreakByTruncatingMiddle
//省略中間,以省略號代替
}
|
設置文本的行數
1
|
label.numberOfLines = 1;
//行數設置爲1,不設置時系統會默認行數爲1
|
當須要設置的行數爲不限數量的時候能夠用numberOfLines=0實現
當label大小使用sizeToFit方法,調整大小時會考慮到該屬性中存儲的值。例如,若是此屬性設置爲3,sizeToFit方法會調整label使它大到足以顯示三行文本。
1
|
[label sizeToFit];
|
實現文本多行顯示
1
2
|
commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping;
commentTextLabel.numberOfLines = 0;
|
文本自動根據label大小自動調整字體尺寸
1
2
|
label.numberOfLines =1;
label.adjustsFontSizeToFitWidth =YES;
|
adjustFontSizeToFitWidth方法可實現文本自動根據label大小自動調整字體尺寸,直到文本的大小達到了本身設置的label文本尺寸最大、最小值與字符串的最大最小值,要是用這個方法還有一個很大的限制就是隻有在numberOfLines設置爲1時才能用
若是行數是超過了1行,要實現自動調整字體大小功能,就沒有能夠自適應的系統方法可使用,只有本身用代碼實現,在設計時由於要考慮到手機屏幕的實際大小有限,若是字體過小會影響用戶體驗,因此要設置一個最小字號的判斷,小於最小字號就要用到縮略顯示,下面的代碼中主要是用到
1
|
CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180) lineBreakMode:NSLineBreakByCharWrapping];
|
來獲得字體在某一字號下的高度,判斷與label高度是否一致,其中text是輸入label的文本內容,sizWithFont設置字體,constrainedToSize設置約束文本的矩形大小參數,其中寬度要和label一致,高度設置要足夠高,要比label高不少,不然會出現文本顯示不全的問題,lineBreakMode的做用上文有講過。若是算出的高度超出了label高度,就把字號以循環的方式減少直到高度符合就跳出循環。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
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的背景顏色
1
|
label.backgroundColor =[UIColor yellowColor];
|
設置label背景圖
設置背景圖有兩種方法,下面先介紹第一種方法:
設置背景圖能夠把一張大小與label同樣的圖放在label的後面一層,而後把label的背景設置爲透明,這樣實現label有背景
1
2
3
4
5
6
7
8
9
10
11
|
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設置背景圖
1
2
3
4
|
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尺寸
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
-(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;
}
|
而後在主函數中調用便可
1
2
3
4
5
6
7
|
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];
|
設置高亮
1
|
label.highLighted =YES;
|
設置文本陰影
1
|
label.shadowColor =[UIColor grayColor];
|
設置陰影大小
1
|
label.shadowOffset = CGSizeMake(2.0, 2.0);
|
設置label圓角
1
|
label.layer.cornerRadius = 10;
|
要是用這樣的設置要先在頭文件中加上#import<QuartzCore/QuartzCore.h>