iOS開發(fā)中富文本的使用及場景舉例

在項目開發(fā)過程中合理的使用富文本可以減少大量的多余控件扒秸,使頁面布局更加清爽和易于管理,對多機型適配也有幫助

場景舉例:


富文本使用場景

上圖示例的紅框標注的內容可以使用4個UILabel進行呈現(xiàn)牺堰。大大的降低了頁面需要管理的view數(shù)量。

在基礎的修改指定文本顏色吐葱、字體耐量、字重之外,還可以在富文本的指定位置添加圖片(如文字最后添加的箭頭)缩擂、修改指定文字的垂直偏移量(可用在一段文本中不同字號的字體Y軸居中顯示鼠冕,如果不進行設置會自動bottom對齊),下方列舉代碼中都有展示胯盯,可自由組合使用懈费,一探究竟。

富文本可設置的屬性:

? ? // 創(chuàng)建一個UILabel

? ? UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 200, 100)];

? ? label.text = @"This is a sample text";

? ? // 富文本屬性設置

? ? NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] initWithString:label.text];

? ? // 字體設置

? ? [attributedTextaddAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:20.0] range:NSMakeRange(0, [label.text length])];

? ? // 文字顏色設置

? ? [attributedTextaddAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(0, 4)];

? ? // 背景顏色設置

? ? [attributedTextaddAttribute:NSBackgroundColorAttributeName value:[UIColor yellowColor] range:NSMakeRange(5, 4)];

? ? // 下劃線樣式設置

? ? [attributedTextaddAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleSingle) range:NSMakeRange(10, 6)];

? ? // 下劃線顏色設置

? ? [attributedTextaddAttribute:NSUnderlineColorAttributeName value:[UIColor blueColor] range:NSMakeRange(10, 6)];

? ? // 斜體設置

? ? [attributedTextaddAttribute:NSObliquenessAttributeName value:@(0.3) range:NSMakeRange(17, 4)];

? ? // 刪除線樣式設置

? ? [attributedTextaddAttribute:NSStrikethroughStyleAttributeName value:@(NSUnderlineStyleSingle) range:NSMakeRange(22, 6)];

? ? // 刪除線顏色設置

? ? [attributedTextaddAttribute:NSStrikethroughColorAttributeName value:[UIColor greenColor] range:NSMakeRange(22, 6)];

? ? // 行間距設置

? ? NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];

? ? paragraphStyle.lineSpacing=10;

? ? [attributedTextaddAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [label.text length])];

? ? // 字體上下偏移? 5:向上偏移5像素? 如需向下偏移博脑,填負數(shù)

? ? [attributedTextaddAttribute:NSBaselineOffsetAttributeName value:@(5) range:NSMakeRange(28, 4)];


? ? // 添加圖片

? ? NSTextAttachment *attachment = [[NSTextAttachment alloc] init];

? ? attachment.image= [UIImageimageNamed:@""];

? ? // 根據(jù)需要調整圖片位置和大小

? ? attachment.bounds=CGRectMake(0,0,12,12);

? ? // 創(chuàng)建一個帶有圖片的NSAttributedString

? ? NSAttributedString *imageString = [NSAttributedString attributedStringWithAttachment:attachment];

? ? // 將圖片插入到富文本中的指定位置

? ? [attributedTextinsertAttributedString:imageStringatIndex:label.text.length];


? ? // 設置富文本

? ? label.attributedText= attributedText;

? ? // 添加到視圖中

? ? [self.viewaddSubview:label];

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末憎乙,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子叉趣,更是在濱河造成了極大的恐慌泞边,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件君账,死亡現(xiàn)場離奇詭異繁堡,居然都是意外死亡,警方通過查閱死者的電腦和手機乡数,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門椭蹄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人净赴,你說我怎么就攤上這事绳矩。” “怎么了玖翅?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵翼馆,是天一觀的道長割以。 經常有香客問我,道長应媚,這世上最難降的妖魔是什么严沥? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮中姜,結果婚禮上消玄,老公的妹妹穿的比我還像新娘。我一直安慰自己丢胚,他們只是感情好翩瓜,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著携龟,像睡著了一般兔跌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上峡蟋,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天坟桅,我揣著相機與錄音,去河邊找鬼层亿。 笑死桦卒,一個胖子當著我的面吹牛,可吹牛的內容都是我干的匿又。 我是一名探鬼主播方灾,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼碌更!你這毒婦竟也來了裕偿?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤痛单,失蹤者是張志新(化名)和其女友劉穎嘿棘,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體旭绒,經...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡鸟妙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了挥吵。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片重父。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖忽匈,靈堂內的尸體忽然破棺而出房午,到底是詐尸還是另有隱情,我是刑警寧澤丹允,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布郭厌,位于F島的核電站袋倔,受9級特大地震影響,放射性物質發(fā)生泄漏折柠。R本人自食惡果不足惜宾娜,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望液走。 院中可真熱鬧碳默,春花似錦、人聲如沸缘眶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽巷懈。三九已至,卻和暖如春慌洪,著一層夾襖步出監(jiān)牢的瞬間顶燕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工冈爹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留涌攻,地道東北人。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓频伤,卻偏偏與公主長得像恳谎,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子憋肖,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內容