更新:2018.05.24
整理了一下demo:SwiftDemo
首先來說,UILabel 直接繼承自UIView,它并不是一個控件,放在這里是因為UILabel是一個比較重常用的界面元素,也是iOS開發必備的一個文本視圖。
- UILabel是iOS開發必備的一個文本視圖,可以通過設置單行或多行文本在其顯示區域中,向用戶顯示信息。
- UILabel支持兩種文本字符串,一種是常用的String,另一種是NSAttributedString。
- UILabel+String可以實現一般的視覺要求,比如字體、字號、顏色、陰影等。
- UILabel+NSAttributedString可以實現對字符串的某些位置的字符,設置不同的顏色、字體、字號、陰影等。
1.創建UILabel和文本顯示
// 創建
let label = UILabel(frame: CGRect(x: 20, y: 220, width: 280, height: 40))
// 設置背景顏色
label.backgroundColor = UIColor.clear
// 設置字體顏色
label.textColor = UIColor.white
// 設置字體及字號
label.font = UIFont.systemFont(ofSize: 15)
// 設置字體對齊方式
label.textAlignment = NSTextAlignment.left
// 設置文本
label.text = "Hello UILabel~"
// 添加到父視圖
view.addSubview(label)
a. 首先,我們創建了一個UILabel,位置在(20,220),寬為280,高為40,并設置了背景顏色為透明
b. 然后,我們設置了字體顏色為白色,字體是默認字體,字號為15號字。
c. 然后設置了對齊方式為距左對齊,NSTextAlignment是一個枚舉:
-
left
: 在UILabel區域中,每一行都是自左向右對齊。 -
center
: 在UILabel區域中,每一行都是自中間向兩邊依次排開。 -
right
: 在UILabel區域中,每一行都是自右向左對齊。 -
justified
: 表示段落最后一行是采用natural
的對齊方式。 -
natural
: 表示文字的對齊方式是采用APP的本地化的方式。
2. 處理過長文案
// 設置行數
label.numberOfLines = 0;
// 字符串的截取
label.lineBreakMode = NSLineBreakMode.byTruncatingMiddle
d. numberOfLines的作用是設置行數,如果設置的是1,那么不管文本有多長,都只顯示一行,超出的部分...,如果設置的是0,表示在顯示區域內,文本需要顯示幾行,就顯示幾行,不做限制。
e. lineBreakMode的作用是以某種方式包裹或截取字符串,枚舉** NSLineBreakMode**的屬性說明:
-
byWordWrapping
: 以單詞為顯示單位,后面的部分省略不顯示 -
byCharWrapping
: 以字符為顯示單位,后面的部分省略不顯示 -
byClipping
: 以剪切與文本寬度相同的內容長度,后半部分被刪除 -
byTruncatingHead
: 開頭省略,顯示尾部文字內容 (...xxxxxxxx) -
byTruncatingTail
: 結尾省略,顯示開頭部分文字內容(xxxxxxx...) -
byTruncatingMiddle
:中間省略,顯示開頭和結尾部分文字(xxxx...xxxx)
// 調整文字大小以完全顯示文本內容
label.adjustsFontSizeToFitWidth = true
// 縮小字間距以完全顯示文本內容
label.allowsDefaultTighteningForTruncation = true
f. 當adjustsFontSizeToFitWidth設置為true
,表示開啟label
的自動調整功能,使label
的字體大小自適應其寬度,需要注意的是,在調整字體大小的時候,lineBreakMode
的值不應是byWordWrapping
或byCharWrapping
。
g. 當allowsDefaultTighteningForTruncation設置為true
時,表示開啟了截取前縮小文字間距的方式。
在實際開發中,我們可能更需要的是,根據UILabel的文本、字體、最大寬高,來計算UILabel真正需要的款和高:
/// 根據文本、字體、獲取UILabel的寬和高
///
/// - Parameters:
/// - text: 文本
/// - font: 字體
/// - size: 最大的寬和高,比如(280,MAXFLOAT)
/// - Returns: 返回實際需要的rect
func getTextRectSize(text:NSString, font:UIFont, size:CGSize) ->CGRect {
let attributes = [NSFontAttributeName:font]
let option = NSStringDrawingOptions.usesLineFragmentOrigin
return text.boundingRect(with: size, options: option, attributes: attributes, context: nil)
}
h. CGSize
的話,比如寬度是固定的,需要算的是UILabel
的高度,那么CGSize
就可以是(xx,MAXFLOAT) ,返回的rect
的高度,就是需要的高度,寬度是你填入的寬度,可以根據實際需要修改方法。
3. UILabel陰影
// 設置陰影顏色
label.shadowColor = UIColor.lightGray
// 設置陰影偏移量
label.shadowOffset = CGSize(width: 2, height: 2)
i. 設置了文字陰影的顏色,和偏移量,CGSize(width: 2, height: 2)
表示向右和向下都偏移2px。