UILabel的使用

UILabel是一個常用的控件,它的屬性設置的方法在純代碼中經常使用。在storyboard中,使用UILabel時是將控件拖到storyboard中生成實現,假如生成的Label不是想要的尺寸 , 如果再想在-(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)];

[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方法加入子視圖,就像貼紙一樣貼上去,會出現因為添加的順序不同而發生后一個添加的子視圖遮蓋前一個子視圖的現象.

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

@2.設置label的標記(tag)? label.tag =101;

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

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

@5.設置label的文字顏色 label.textColor = [UIColor lightGrayColor];? //使用 UIColor 來設置顏色

@6.設置文本的對齊方式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//省略中間,以省略號代替

}

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

@8.下面就是萬能的? sizeToFit? 方法, 相信以后你會毫不猶豫的把它寫出來:[label sizeToFit];? ? *.實現文本多行顯示commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping;? ? commentTextLabel.numberOfLines = 0;

@9.文本自動根據label大小自動調整字體尺寸label.numberOfLines =1;? ? label.adjustsFontSizeToFitWidth =YES;? ? adjustFontSizeToFitWidth方法可實現文本自動根據label大小自動調整字體尺寸,直到文本的大小達到了自己設置的label文本尺寸最大、最小值與字符串的最大最小值,要是用這個方法還有一個很大的限制就是只有在numberOfLines設置為1時才能用這個方法;如果行數是超過了1行,要實現自動調整字體大小功能,就沒有可以自適應的系統方法可以使用,只有自己用代碼實現,在設計時因為要考慮到手機屏幕的實際大小有限,如果字體太小會影響用戶體驗,所以要設置一個最小字號的判斷,小于最小字號就要用到縮略顯示.

@10.下面的代碼中主要是用到: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;

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

@11.設置label的邊框粗細與顏色,設置前要在相應文件中加入#importlabel.layer.borderColor = [UIColor lightGrayColor].CGColor;//邊框顏色,要為CGColor? ? label.layer.borderWidth = 1;//邊框寬度

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

@13.設置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];//添加的順序不能錯,否則圖片會覆蓋

[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大小一致再設置背景顏色。

@13.可以用下面的函數設置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];

@14.設置高亮label.highLighted =YES;

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

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

@17.設置label圓角? label.layer.cornerRadius = 10;

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容