更新:2018.05.24
整理了一下demo:SwiftDemo
首先來說磨澡,UILabel 直接繼承自UIView,它并不是一個控件栗恩,放在這里是因為UILabel是一個比較重常用的界面元素男窟,也是iOS開發(fā)必備的一個文本視圖势决。
- UILabel是iOS開發(fā)必備的一個文本視圖步淹,可以通過設置單行或多行文本在其顯示區(qū)域中,向用戶顯示信息诚撵。
- UILabel支持兩種文本字符串缭裆,一種是常用的String,另一種是NSAttributedString寿烟。
- UILabel+String可以實現(xiàn)一般的視覺要求澈驼,比如字體、字號筛武、顏色缝其、陰影等。
- UILabel+NSAttributedString可以實現(xiàn)對字符串的某些位置的字符徘六,設置不同的顏色内边、字體、字號待锈、陰影等漠其。
1.創(chuàng)建UILabel和文本顯示
// 創(chuàng)建
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. 首先,我們創(chuàng)建了一個UILabel竿音,位置在(20,220)和屎,寬為280,高為40春瞬,并設置了背景顏色為透明
b. 然后柴信,我們設置了字體顏色為白色,字體是默認字體宽气,字號為15號字随常。
c. 然后設置了對齊方式為距左對齊,NSTextAlignment是一個枚舉:
-
left
: 在UILabel區(qū)域中抹竹,每一行都是自左向右對齊线罕。 -
center
: 在UILabel區(qū)域中,每一行都是自中間向兩邊依次排開窃判。 -
right
: 在UILabel區(qū)域中钞楼,每一行都是自右向左對齊。 -
justified
: 表示段落最后一行是采用natural
的對齊方式袄琳。 -
natural
: 表示文字的對齊方式是采用APP的本地化的方式询件。
2. 處理過長文案
// 設置行數(shù)
label.numberOfLines = 0;
// 字符串的截取
label.lineBreakMode = NSLineBreakMode.byTruncatingMiddle
d. numberOfLines的作用是設置行數(shù)挺份,如果設置的是1,那么不管文本有多長勾邦,都只顯示一行蒋腮,超出的部分...,如果設置的是0嘿辟,表示在顯示區(qū)域內舆瘪,文本需要顯示幾行,就顯示幾行红伦,不做限制英古。
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
時囚似,表示開啟了截取前縮小文字間距的方式剩拢。
在實際開發(fā)中,我們可能更需要的是饶唤,根據(jù)UILabel的文本徐伐、字體、最大寬高募狂,來計算UILabel真正需要的款和高:
/// 根據(jù)文本办素、字體、獲取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
的高度,就是需要的高度,寬度是你填入的寬度呆万,可以根據(jù)實際需要修改方法商源。
3. UILabel陰影
// 設置陰影顏色
label.shadowColor = UIColor.lightGray
// 設置陰影偏移量
label.shadowOffset = CGSize(width: 2, height: 2)
i. 設置了文字陰影的顏色,和偏移量谋减,CGSize(width: 2, height: 2)
表示向右和向下都偏移2px牡彻。