IOS開發--UILabel的基本使用

UILabel是iOS中用於顯示靜態文字的控制元件。

它的主要功能是:1. 顯示一行或多行文字

UILabel可以用來顯示單行或多行文字內容。通過設定numberOfLines屬性可以控制文字顯示的行數。2. 字型、顏色和對齊方式客製化
可以通過font、textColor和textAlignment屬性來設定UILabel的字型、文字顏色和文字對齊方式。3. 富文字顯示
UILabel支援顯示富文字內容,可以通過attributedText屬性設定文字的顏色、字型等樣式。4. 自動佈局
UILabel支援Auto Layout,可以用來實現複雜的頁面佈局。5. 動畫效果
UILabel的文字內容可以繫結一個變數,當變數值改變時,會有動畫效果展示新的內容。UILabel的常用屬性有:- text:設定Label顯示的文字內容
- font:設定文字字型
- textColor:設定文字顏色
- textAlignment:設定文字對齊方式
- numberOfLines:設定文字顯示的行數
- attributedText:設定富文字內容
- lineBreakMode:設定文字換行方式
- shadowOffset、shadowColor:設定文字陰影效果
- backgroundColor:設定Label背景顏色

1.初始化一個UILabel

  UILabel *label = [[UILabel alloc]init];

2.設定UILabel的佈局為水平垂直居中

label.frame = CGRectMake((self.view.frame.size.width-100)/2,( self.view.frame.size.height-30)/2, 100, 30);//注意這裡的水平偏移(x)和垂直偏移(y)的距離都是相對於自己的父元素的

3.設定UILabel的內容

注意:UILable的內容必須是NSString型別

label.text = @"我是label";

4.設定UILabel的字號

通過設定UILabel的font屬性即可設定字號，注意font屬性只能接受UIfont型別的資料。

 label.font = [UIFont systemFontOfSize:13];

這樣即可設定字號為13pt

5.設定UILabel的文字對齊方式

通過設定UILabel的textAlignment屬性即可設定UILabel的文字對齊方式

UILabel.textAlignment是一個列舉值。它表示UILabel文字的對齊方式,

可選的值有:- UILabel.textAlignment.left:左對齊
- UILabel.textAlignment.center:居中對齊
- UILabel.textAlignment.right:右對齊
- UILabel.textAlignment.justified:兩端對齊
- UILabel.textAlignment.natural:自然對齊

 label.textAlignment = NSTextAlignmentCenter;//設定文字居中對齊

 [self.view addSubview:label];//將label新增到檢視

目前的效果應該一個水平垂直居中的文字

6.設定UILabel文字顯示的行數

通過UILabel的numberOfLines屬性可以設定展示多少行文字，當文字的字數超過一行的長度後，會根據該屬性來決定是否自動換行。

注意：UILabel的高度要根據行數的多少設定成合適的高度，不然換行之後會因為高度不夠無法展示出文字。

label.numberOfLines = 3;//設定最多顯示三行文字
label.text = @"我是label我是label我是label我是label我是label我是label我是label我是label我是label我是label我是label我是label";//將文字內容加多
 label.frame = CGRectMake((self.view.frame.size.width-100)/2,(self.view.frame.size.height-90)/2, 100, 90);//將UILabel的高度由60變為90

當前效果

7.設定UILabel文字的換行方式

UILabel的lineBreakMode屬性表示文字換行方式。

它是一個列舉值,可選值有:

- UILineBreakModeWordWrap; // 每個單詞獨佔一行

- UILineBreakModeCharacterWrap; // 每個字元獨佔一行 l

- UILineBreakModeClip; // 預設,文字超出寬度被截斷

- UILineBreakModeHeadTruncation; // 末尾顯示省略號

- UILineBreakModeMiddleTruncation; // 中間顯示省略號

- UILineBreakModeTailTruncation; // 頭部顯示省略號

  label.lineBreakMode = UILineBreakModeHeadTruncation;//設定換行時從頭部截斷

目前效果：

8.設定UILabel文字顏色

通過textColor屬性可以設定UILabel的文字顏色，textColor屬性接受一個UIColor型別的資料

label.textColor = [UIColor blueColor];//設定顏色為藍色

目前效果：

9.設定UILabel文字陰影

 通過shadowOffset、shadowColor兩個屬性相互配合可以設定UILabel的文字陰影

 UILabel的shadowOffset屬性用於設定文字陰影的偏移量。它是一個CGSize型別,包含x和y兩個值,表示陰影在x軸和y軸上的偏移量。

 x和y值越大,陰影效果越明顯。由於陰影是相對於文字本身的偏移,所以當x和y值為正值時,陰影出現在文字的右下方。

 shadowColor陰影顏色

label.shadowOffset = CGSizeMake(-3, -3);//設定陰影偏移量
label.shadowColor = [UIColor grayColor];//設定陰影顏色

目前效果：

至此本文結束。關於UILabel的基本使用介紹到此，歡迎點贊評論。