iOS利用NSAttributedString實現圖文混排效果示例

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

iOS7以后，因為TextKit的強大，可以用NSAttributedString很方便的實現圖文混排（主要是利用了NSTextAttachment），所以下面這篇文章主要給大家介紹了關于iOS利用NSAttributedString實現圖文混排效果的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。

前言

NSAttributedString 可以非常方便的實現文字排版和圖文混排功能,UILabel 和 UITextView 都能添加 NSAttributedString 屬性字符串，通過這一點，可以實現帶有屬性的文字和文字內包含圖片的文本內容展示。話不多說了，下面來一起看看詳細的介紹吧。

效果如下:

示例代碼如下：

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

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

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

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

上面兩句代碼可以簡寫為一句(為屬性字符串同時添加多個屬性)

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

3-修改標題文字屬性

通過字符串獲取范圍

 [attributedString addAttributes:@{NSFontAttributeName: [UIFont systemFontOfSize:26],NSForegroundColorAttributeName: [UIColor blueColor]} range:[textString rangeOfString:@"360云盤服務轉型公告"]];

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

通過前后字符串獲取大段字符的范圍

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

5-為文本添加下劃線

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

6-為文本內文字添加描邊

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

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-為文本設置段落屬性

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

9-添加網址鏈接

 // 網址鏈接
 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-通過UITextViewDelegate代理方法,監(jiān)聽URL和附件的點擊

 #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;
}

補充:常用屬性字符串屬性

 // 字體
 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

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章:

IOS 圖文混排（CoreText.framework）詳解及實例

iOS判斷用戶是否打開APP通知開關
這篇文章主要為大家詳細介紹了iOS判斷用戶是否打開APP通知開關的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
iOS設置UIButton文字顯示位置和字體大小、顏色的方法
這篇文章給大家分享了iOS如何設置UIButton的文字顯示位置和字體的大小、顏色，文中給出了示例代碼，相信對大家的學習和理解很有幫助，有需要的朋友們下面來一起看看吧。
2016-09-09
Objective-C封裝字符串存儲操作示例
這篇文章主要介紹了Objective-C封裝字符串存儲操作示例,需要的朋友可以參考下
2014-05-05
iOS使用UICollectionView實現橫向滾動照片效果
這篇文章主要為大家詳細介紹了iOS使用UICollectionView實現橫向滾動照片效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
Flutter?ScrollController滾動監(jiān)聽及控制示例詳解
這篇文章主要為大家介紹了Flutter?ScrollController滾動監(jiān)聽及控制示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-11-11
iOS各種ViewController控制器使用示例完整介紹
這篇文章主要為大家介紹了iOS各種ViewController控制器使用示例完整介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-07-07
iOS使用Charts框架繪制折線圖
本文主要介紹了iOS使用Charts框架繪制折線圖的方法，具有一定的參考價值，下面跟著小編一起來看下吧
2016-12-12
iOS 解決按鈕背景圖片拉伸問題(推薦)
這篇文章主要介紹了iOS 解決按鈕背景圖片拉伸問題(推薦),需要的朋友可以參考下
2017-10-10
IOS 網絡請求中設置cookie
這篇文章主要介紹了IOS 網絡請求中設置cookie的相關資料,需要的朋友可以參考下
2017-06-06
MAC 系統(tǒng)安裝java并配置環(huán)境變量
這篇文章主要介紹了MAC 系統(tǒng)安裝java并配置環(huán)境變量的相關資料,需要的朋友可以參考下
2017-03-03