iOS利用NSAttributedString實(shí)現(xiàn)圖文混排效果示例

更新時(shí)間：2017年10月27日 08:29:18 作者：Mazy_ma

iOS7以后，因?yàn)門(mén)extKit的強(qiáng)大，可以用NSAttributedString很方便的實(shí)現(xiàn)圖文混排（主要是利用了NSTextAttachment），所以下面這篇文章主要給大家介紹了關(guān)于iOS利用NSAttributedString實(shí)現(xiàn)圖文混排效果的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。

前言

NSAttributedString 可以非常方便的實(shí)現(xiàn)文字排版和圖文混排功能,UILabel 和 UITextView 都能添加 NSAttributedString 屬性字符串，通過(guò)這一點(diǎn)，可以實(shí)現(xiàn)帶有屬性的文字和文字內(nèi)包含圖片的文本內(nèi)容展示。話不多說(shuō)了，下面來(lái)一起看看詳細(xì)的介紹吧。

效果如下:

示例代碼如下：

1-初始化可變屬性字符串

 NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc]initWithString:textString];

2-設(shè)置全局字體屬性(設(shè)置字體大小為14)

 [attributedString addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:14] range:NSMakeRange(0, textString.length)];
 [attributedString addAttribute:NSKernAttributeName value:@1 range:NSMakeRange(0, textString.length)];

上面兩句代碼可以簡(jiǎn)寫(xiě)為一句(為屬性字符串同時(shí)添加多個(gè)屬性)

 [attributedString addAttributes:@{NSFontAttributeName: [UIFont systemFontOfSize:14],NSKernAttributeName: @1} range:NSMakeRange(0, textString.length)];

3-修改標(biāo)題文字屬性

通過(guò)字符串獲取范圍

 [attributedString addAttributes:@{NSFontAttributeName: [UIFont systemFontOfSize:26],NSForegroundColorAttributeName: [UIColor blueColor]} range:[textString rangeOfString:@"360云盤(pán)服務(wù)轉(zhuǎn)型公告"]];

4-獲取一大段文字范圍并修改屬性

通過(guò)前后字符串獲取大段字符的范圍

 // 此方法可以通過(guò)string獲得范圍進(jìn)行修改
 NSRange startRange = [textString localizedStandardRangeOfString:@"我們即將采取以下措施："];
 NSRange endRange = [textString localizedStandardRangeOfString:@"感謝您的一路相伴。"];
 [attributedString addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSUnionRange(startRange, endRange)];

5-為文本添加下劃線

 // 設(shè)置文本下劃線
 NSRange startRange1 = [textString localizedStandardRangeOfString:@"因此，"];
 NSRange endRange1 = [textString localizedStandardRangeOfString:@"之后轉(zhuǎn)型企業(yè)云服務(wù)。"];
 [attributedString addAttribute:NSUnderlineStyleAttributeName value:@1 range:NSUnionRange(startRange1, endRange1)];

6-為文本內(nèi)文字添加描邊

 // 設(shè)置文本的描邊
 [attributedString addAttribute:NSStrokeWidthAttributeName value:@2.0 range:[textString rangeOfString:@"存儲(chǔ)傳播非法文件、侵權(quán)盜版牟利、傳播淫穢色情信息等違法犯罪行為"]];
 [attributedString addAttribute:NSStrokeColorAttributeName value:[UIColor brownColor] range:[textString rangeOfString:@"存儲(chǔ)傳播非法文件、侵權(quán)盜版牟利、傳播淫穢色情信息等違法犯罪行為"]];
 [attributedString addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:17] range:[textString rangeOfString:@"存儲(chǔ)傳播非法文件、侵權(quán)盜版牟利、傳播淫穢色情信息等違法犯罪行為"]];

7-為文本添加圖片附件

 // 插入圖片附件
 NSTextAttachment *imageAtta = [[NSTextAttachment alloc] init];
 imageAtta.bounds = CGRectMake(0, 0, 375, 180);
 imageAtta.image = [UIImage imageNamed:@"360"];
 NSAttributedString *attach = [NSAttributedString attributedStringWithAttachment:imageAtta];
 [attributedString insertAttributedString:attach atIndex:0];

8-為文本設(shè)置段落屬性

 // 段落樣式
 NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc]init];
 // 行間距
 [style setLineSpacing:3];
 // 段落間距
 [style setParagraphSpacing:6];
 // 首行縮進(jìn)
 [style setFirstLineHeadIndent:25];
 [attributedString addAttribute:NSParagraphStyleAttributeName value:style range:NSMakeRange(1, textString.length)];

9-添加網(wǎng)址鏈接

 // 網(wǎng)址鏈接
 NSRange urlRange = [textString rangeOfString:@"yunpan.#"];
 [attributedString addAttribute:NSLinkAttributeName value:[NSURL URLWithString:@"http://yunpan.#"] range:NSMakeRange(urlRange.location, 14)];
 [attributedString addAttribute:NSBackgroundColorAttributeName value:[UIColor greenColor] range:NSMakeRange(urlRange.location, 14)];

10-通過(guò)UITextViewDelegate代理方法,監(jiān)聽(tīng)URL和附件的點(diǎn)擊

 #pragma mark ----------UITextViewDelegate----------
- (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange interaction:(UITextItemInteraction)interaction {
 NSLog(@"%@",URL);
 return YES;
}

- (BOOL)textView:(UITextView *)textView shouldInteractWithTextAttachment:(NSTextAttachment *)textAttachment inRange:(NSRange)characterRange interaction:(UITextItemInteraction)interaction {
 NSLog(@"%@",textAttachment.image);
 return YES;
}

補(bǔ)充:常用屬性字符串屬性

 // 字體
 NSFontAttributeName    // UIFont, default Helvetica(Neue) 12
 // 段落
 NSParagraphStyleAttributeName  // NSParagraphStyle, default defaultParagraphStyle
 // 文字顏色
 NSForegroundColorAttributeName // UIColor, default blackColor
 // 背景顏色
 NSBackgroundColorAttributeName // UIColor, default nil: no background
 // 描邊顏色
 NSStrokeColorAttributeName  // UIColor, default nil: same as foreground color
 // 描邊寬度
 NSStrokeWidthAttributeName  // NSNumber containing floating point value, default 0
 // 陰影
 NSShadowAttributeName    // NSShadow, default nil: no shadow
 // 附件
 NSAttachmentAttributeName   // NSTextAttachment, default nil
 // 鏈接URL
 NSLinkAttributeName    // NSURL (preferred) or NSString
 // 基線偏移量
 NSBaselineOffsetAttributeName  // NSNumber containing floating point value,default 0
 // 下劃線
 NSUnderlineColorAttributeName  // UIColor, default nil: same as foreground color

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: