服务器之家

服务器之家 > 正文

iOS利用NSAttributedString实现图文混排效果示例

时间:2021-04-02 18:09     来源/作者:Mazy_ma

前言

nsattributedstring 可以非常方便的实现文字排版和图文混排功能,uilabel 和 uitextview 都能添加 nsattributedstring 属性字符串,通过这一点,可以实现带有属性的文字和文字内包含图片的文本内容展示。话不多说了,下面来一起看看详细的介绍吧。

效果如下:

iOS利用NSAttributedString实现图文混排效果示例

iOS利用NSAttributedString实现图文混排效果示例

示例代码如下:

1-初始化可变属性字符串

?
1
nsmutableattributedstring *attributedstring = [[nsmutableattributedstring alloc]initwithstring:textstring];

2-设置全局字体属性(设置字体大小为14)

?
1
2
[attributedstring addattribute:nsfontattributename value:[uifont systemfontofsize:14] range:nsmakerange(0, textstring.length)];
[attributedstring addattribute:nskernattributename value:@1 range:nsmakerange(0, textstring.length)];

上面两句代码可以简写为一句(为属性字符串同时添加多个属性)

?
1
[attributedstring addattributes:@{nsfontattributename: [uifont systemfontofsize:14],nskernattributename: @1} range:nsmakerange(0, textstring.length)];

3-修改标题文字属性

通过字符串获取范围

?
1
[attributedstring addattributes:@{nsfontattributename: [uifont systemfontofsize:26],nsforegroundcolorattributename: [uicolor bluecolor]} range:[textstring rangeofstring:@"360云盘服务转型公告"]];

4-获取一大段文字范围并修改属性

通过前后字符串获取大段字符的范围

?
1
2
3
4
// 此方法可以通过string获得范围进行修改
nsrange startrange = [textstring localizedstandardrangeofstring:@"我们即将采取以下措施:"];
nsrange endrange = [textstring localizedstandardrangeofstring:@"感谢您的一路相伴。"];
[attributedstring addattribute:nsforegroundcolorattributename value:[uicolor redcolor] range:nsunionrange(startrange, endrange)];

5-为文本添加下划线

?
1
2
3
4
// 设置文本下划线
nsrange startrange1 = [textstring localizedstandardrangeofstring:@"因此,"];
nsrange endrange1 = [textstring localizedstandardrangeofstring:@"之后转型企业云服务。"];
[attributedstring addattribute:nsunderlinestyleattributename value:@1 range:nsunionrange(startrange1, endrange1)];

6-为文本内文字添加描边

?
1
2
3
4
// 设置文本的描边
[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-为文本添加图片附件

?
1
2
3
4
5
6
// 插入图片附件
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-为文本设置段落属性

?
1
2
3
4
5
6
7
8
9
// 段落样式
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-添加网址链接

?
1
2
3
4
// 网址链接
nsrange urlrange = [textstring rangeofstring:@"yunpan.360.cn"];
[attributedstring addattribute:nslinkattributename value:[nsurl urlwithstring:@"http://yunpan.360.cn"] range:nsmakerange(urlrange.location, 14)];
[attributedstring addattribute:nsbackgroundcolorattributename value:[uicolor greencolor] range:nsmakerange(urlrange.location, 14)];

10-通过uitextviewdelegate代理方法,监听url和附件的点击

?
1
2
3
4
5
6
7
8
9
10
#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;
}

补充:常用属性字符串属性

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// 字体
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

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对服务器之家的支持。

原文链接:http://blog.csdn.net/mazy_ma/article/details/52920596

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部