iOS-UI控件精講之UILabel

相關閱讀
1.iOS-UI控件精講之UIView
2.iOS-UI控件精講之UILabel(本文)
...待續(xù)

UILabel(標簽)應該是iOS中最基本的一個控件了,也是使用頻率最高的,經(jīng)常用來展示一段不可編輯的文本。

UILabel繼承于UIView,下面是一些常用的屬性,包含繼承于UIView的屬性。

1. text 設置要顯示的文本

self.myLabel.text = @"我的標簽~~~~~";

效果如下:


1.png

2. backgroundColor 設置背景色,默認是nil即[UIColor clearColor]

self.myLabel.text = @"我的標簽~~~~~";
self.myLabel.backgroundColor = [UIColor redColor];

效果如下:

2.png

<h2 id="3">3.textColor設置文本的顏色 默認nil 渲染為黑色</h2>

self.myLabel.text = @"我的標簽~~~~~";
self.myLabel.backgroundColor = [UIColor grayColor];
self.myLabel.textColor = [UIColor redColor];

效果如下:

3.png

<h2 id="4">4.font 設置字體以及大小 默認為系統(tǒng)字體 字號17</h2>

self.myLabel.font = [UIFont systemFontOfSize:30];

self.myLabel.text = @"我的標簽~~~~~";
self.myLabel.backgroundColor = [UIColor grayColor];
self.myLabel.textColor = [UIColor redColor];
圖4.png

設置系統(tǒng)粗體

self.myLabel.font = [UIFont boldSystemFontOfSize:30];

self.myLabel.text = @"我的標簽~~~~~";
self.myLabel.backgroundColor = [UIColor grayColor];
self.myLabel.textColor = [UIColor redColor];
圖4.1.png

<h2 id="5">5.shadowOffset陰影的偏移量,shadowColor陰影的顏色</h2>

self.myLabel.text = @"我的標簽~~~~~";
self.myLabel.shadowColor = [UIColor redColor];//設置陰影顏色為紅色
self.myLabel.shadowOffset = CGSizeMake(100, -10);//向右偏移100,向上偏移10
圖5.png

<h2 id="6">6.textAlignment文字的對齊方式,默認是NSTextAlignmentLeft(左對齊)</h2>

self.myLabel.textAlignment = NSTextAlignmentLeft;//左對齊
self.myLabel.textAlignment = NSTextAlignmentRight;//右對齊
self.myLabel.textAlignment = NSTextAlignmentCenter;//居中
左對齊.png
右對齊.png
居中.png

<h2 id="7">7.lineBreakMode設置文字長度超出label范圍時文字的顯示方式</h2>

self.myLabel.lineBreakMode = NSLineBreakByWordWrapping;//以空格為邊界,保留單詞
self.myLabel.lineBreakMode = NSLineBreakByCharWrapping;//保留整個字符
self.myLabel.lineBreakMode = NSLineBreakByClipping;//簡單剪裁,到邊界截斷
//上面這三個在SDK7.0以后效果是一樣的,重點區(qū)分一下下面的這三個
self.myLabel.lineBreakMode = NSLineBreakByTruncatingHead;//縮略頭部: "...wxyz"
self.myLabel.lineBreakMode = NSLineBreakByTruncatingTail;//縮略尾部: "abcd..."
self.myLabel.lineBreakMode = NSLineBreakByTruncatingMiddle;//縮略中部:"ab...yz"

<h2 id="8">8.numberOfLines設置文本顯示的行數(shù)</h2>

//設置只顯示兩行
self.myLabel.numberOfLines = 2;

self.myLabel.text = @"我是很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長的標簽~~~~~";
self.myLabel.backgroundColor = [UIColor lightGrayColor];
只顯示兩行.png
//設置為0 即為自動換行
self.myLabel.numberOfLines = 0;

self.myLabel.text = @"我是很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長的標簽~~~~~";
self.myLabel.backgroundColor = [UIColor lightGrayColor];
自動換行.png

<h2 id="9">9.adjustsFontSizeToFitWidth根據(jù)寬度調(diào)整font,默認為 NO</h2>

self.myLabel.adjustsFontSizeToFitWidth = YES;

self.myLabel.text = @"我是很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長的標簽~~~~~";
self.myLabel.backgroundColor = [UIColor lightGrayColor];

效果如下:


根據(jù)寬度自適應font.png

<h2 id="10">10.attributedText屬性文本</h2>

使用attributedText能實現(xiàn)很多效果:最常見的有:調(diào)整行間距,加下劃線,刪除線

NSString *string = @"attributedText可以設置很多特效,例如:下劃線,粗的下劃線,刪除線,自定義顏色的刪除線";
self.myLabel.backgroundColor = [UIColor lightGrayColor];    
self.myLabel.numberOfLines = 0;    
NSMutableAttributedString *attrString = [[NSMutableAttributedString alloc] initWithString:string];

NSMutableParagraphStyle *style = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
style.lineSpacing = 20;//設置行高為20
style.headIndent = 20;//距左邊界的距離為20
style.tailIndent = -20;//距右邊界的距離為20
style.lineHeightMultiple = 0.8;//設置行間距為0.8倍
style.alignment = NSTextAlignmentLeft;//左對齊
style.firstLineHeadIndent = 30;//首行頭部縮進

[attrString addAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleSingle) range:[string rangeOfString:@"下劃線"]];//下劃線

[attrString addAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleThick) range:[string rangeOfString:@"粗的下劃線"]];//厚的下劃線

//下劃線的樣式
//NSUnderlineStyleNone 無
//NSUnderlineStyleSingle 單條線
//NSUnderlineStyleThick 加粗的線
//NSUnderlineStyleDouble 兩條并行的線

[attrString addAttribute:NSStrikethroughStyleAttributeName value:@(NSUnderlineStyleDouble | NSUnderlineStyleSingle) range:[string rangeOfString:@"刪除線"]];

[attrString addAttribute:NSStrikethroughColorAttributeName value:[UIColor redColor] range:[string rangeOfString:@"刪除線"]];//給刪除線設置顏色

self.myLabel.attributedText = attrString;

效果如下:


attributedText.png

本文適合iOS開發(fā)初學者閱讀,大牛們請一笑而過,如果有錯誤請聯(lián)系我 。
如果您喜歡這篇文章,請關注我,喜歡或者打賞!您的支持十分重要!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,383評論 4 61
  • 獨自一人,出來吃飯~ 可想而知,心里充滿怨氣! 隨便走進了鑫花溪,點了和之前一樣的套餐,看著很有食欲,可終因為孤身...
    一縷清風拂衣閱讀 337評論 1 1
  • 在用戶使用app過程中,會產(chǎn)生各種各樣的事件,這些事件可以分為3大類型:?觸摸事件?加速計事件?遠程控制事件在了解...
    樹根曰閱讀 1,065評論 0 2

友情鏈接更多精彩內(nèi)容