Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >iOS 之-富文本 (NSAttributedString)

iOS 之-富文本 (NSAttributedString)

作者头像
清墨
发布于 2018-05-07 07:45:37
发布于 2018-05-07 07:45:37
3.1K02
代码可运行
举报
文章被收录于专栏:清墨_iOS分享清墨_iOS分享
运行总次数:2
代码可运行

关于富文本能做什么我就不多说了,我们一般遇到的图文混排等,这个还是很好做到的。

好,开讲了: 在讲之前,我们得先明白他的属性和一些方法

1.属性:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    NSFontAttributeName                设置字体属性,默认值:字体:Helvetica(Neue) 字号:12
    NSForegroundColorAttributeNam      设置字体颜色,取值为 UIColor对象,默认值为黑色
    NSBackgroundColorAttributeName     设置字体所在区域背景颜色,取值为 UIColor对象,默认值为nil, 透明色
    NSLigatureAttributeName            设置连体属性,取值为NSNumber 对象(整数)0 表示没有连体字符,1 表示使用默认的连体字符
    NSKernAttributeName                设定字符间距,取值为 NSNumber 对象(整数),正值间距加宽,负值间距变窄
    NSStrikethroughStyleAttributeName  设置删除线,取值为 NSNumber 对象(整数)
    NSStrikethroughColorAttributeName  设置删除线颜色,取值为 UIColor 对象,默认值为黑色
    NSUnderlineStyleAttributeName      设置下划线,取值为 NSNumber 对象(整数),枚举常量 NSUnderlineStyle中的值,与删除线类似
    NSUnderlineColorAttributeName      设置下划线颜色,取值为 UIColor 对象,默认值为黑色
    NSStrokeWidthAttributeName         设置笔画宽度,取值为 NSNumber 对象(整数),负值填充效果,正值中空效果
    NSStrokeColorAttributeName         填充部分颜色,不是字体颜色,取值为 UIColor 对象
    NSShadowAttributeName              设置阴影属性,取值为 NSShadow 对象
    NSTextEffectAttributeName          设置文本特殊效果,取值为 NSString 对象,目前只有图版印刷效果可用:
    NSBaselineOffsetAttributeName      设置基线偏移值,取值为 NSNumber (float),正值上偏,负值下偏
    NSObliquenessAttributeName         设置字形倾斜度,取值为 NSNumber (float),正值右倾,负值左倾
    NSExpansionAttributeName           设置文本横向拉伸属性,取值为 NSNumber (float),正值横向拉伸文本,负值横向压缩文本
    NSWritingDirectionAttributeName    设置文字书写方向,从左向右书写或者从右向左书写
    NSVerticalGlyphFormAttributeName   设置文字排版方向,取值为 NSNumber 对象(整数)0 表示横排文本,1 表示竖排文本
    NSLinkAttributeName                设置链接属性,点击后调用浏览器打开指定URL地址
    NSAttachmentAttributeName          设置文本附件,取值为NSTextAttachment对象,常用于文字图片混排
    NSParagraphStyleAttributeName      设置文本段落排版格式,取值为 NSParagraphStyle 对象

其中常用的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
NSFontAttributeName 
字体
NSParagraphStyleAttributeName 
段落格式 
NSForegroundColorAttributeName 
字体颜色
NSBackgroundColorAttributeName  
背景颜色
NSStrikethroughStyleAttributeName
删除线格式
NSUnderlineStyleAttributeName     
下划线格式
NSStrokeColorAttributeName       
删除线颜色
NSStrokeWidthAttributeName
删除线宽度
NSShadowAttributeName 
阴影

2.一些方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@interface NSMutableAttributedString (NSExtendedMutableAttributedString)

@property (readonly, retain) NSMutableString *mutableString;

- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range;
- (void)addAttributes:(NSDictionary<NSString *, id> *)attrs range:(NSRange)range;
- (void)removeAttribute:(NSString *)name range:(NSRange)range;

- (void)replaceCharactersInRange:(NSRange)range withAttributedString:(NSAttributedString *)attrString;
- (void)insertAttributedString:(NSAttributedString *)attrString atIndex:(NSUInteger)loc;
- (void)appendAttributedString:(NSAttributedString *)attrString;
- (void)deleteCharactersInRange:(NSRange)range;
- (void)setAttributedString:(NSAttributedString *)attrString;

- (void)beginEditing;
- (void)endEditing;

@end

其中常用的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
为某一范围内文字设置多个属性
- (void)setAttributes:(NSDictionary *)attrs range:(NSRange)range;
为某一范围内文字添加某个属性
- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range;
为某一范围内文字添加多个属性
- (void)addAttributes:(NSDictionary *)attrs range:(NSRange)range;
移除某范围内的某个属性
- (void)removeAttribute:(NSString *)name range:(NSRange)range;

接下来,举个小栗子:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
NSString *title = @"瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅";
    
    //1.创建富文本
    NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc]initWithString:title];
    
    //2.添加属性
    /* 从0开始到后10位font为15 */
    [attStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:15] range:NSMakeRange(0, 10)];
    
    /* 从10开始到后20位font为加粗15 */
    [attStr addAttribute:NSFontAttributeName value:[UIFont boldSystemFontOfSize:15] range:NSMakeRange(10, 20)];
    
    /* 从10开始到后20位颜色为白色 */
    [attStr addAttribute:NSForegroundColorAttributeName value:[UIColor whiteColor] range:NSMakeRange(10, 20)];
   
    /* 从19开始到后5位给个下划线,下划线样式为single(其他自己尝试),颜色为蓝色 */
    [attStr addAttribute:NSUnderlineStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleSingle] range:NSMakeRange(19, 5)];
    [attStr addAttribute:NSUnderlineColorAttributeName value:[UIColor blueColor] range:NSMakeRange(19, 5)];
    
    /* 设置整段字间距 */
    [attStr addAttribute:NSKernAttributeName value:@1.1 range:NSMakeRange(0, title.length)];
    
    //3.设置段落样式
    NSMutableParagraphStyle *paragraph = [[NSMutableParagraphStyle alloc]init];
    paragraph.lineSpacing = 10;  //行间距
    paragraph.paragraphSpacing = 20;  //段间距
    paragraph.alignment = NSTextAlignmentLeft; //对齐方式
    paragraph.firstLineHeadIndent = 30;  //首行缩进
    [attStr addAttribute:NSParagraphStyleAttributeName value:paragraph range:NSMakeRange(0, title.length)];
    
    //4.Label给个url (只会有超链接的样式出来,点击是点击不了的)
    NSString *urlStr = @"www.innsmap.com";
    NSURL *url = [NSURL URLWithString:urlStr];
    [attStr addAttribute:NSLinkAttributeName value:url range:NSMakeRange(0, 7)];
    
    //5.我就要点击
    UIButton *Btn = [UIButton buttonWithType:UIButtonTypeCustom];
//    Btn.frame = 刚刚好那段文字的frame;  --- 别问我怎么算...
    Btn.backgroundColor = [UIColor grayColor];
    [Btn addTarget:self action:@selector(Btn) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:Btn];
    
    //6.给Label带上图片 (需要创建另一个富文本,带图片的)
    NSTextAttachment *attach = [[NSTextAttachment alloc]init];
    attach.image = [UIImage imageNamed:@"定位蓝"];
    attach.bounds = CGRectMake(0, 0, 100, 80);
    NSAttributedString *imageStr = [NSAttributedString attributedStringWithAttachment:attach];
    /* 将这个图片直接添加到attStr后面 */
    [attStr appendAttributedString:imageStr];
    
    //7.创建Label来显示富文本
    UILabel *myLabel = [[UILabel alloc]initWithFrame:CGRectMake(20, 40, 300, 20)];
    myLabel.backgroundColor = [UIColor grayColor];
    myLabel.attributedText = attStr;
    myLabel.numberOfLines = 0;
    [myLabel sizeToFit];
    [self.view addSubview:myLabel];
    
    //这里可以获取到label的高度
    CGFloat height = myLabel.frame.size.height;
    NSLog(@"%f",height);

结果是这样的:

428CE703-0DE5-496B-87D0-9D5F19F4B371.png

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.03.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
图文混排
是基于 iOS 3.2+ 和 OSX 10.5+ 的一种能够对文本格式和文本布局进行精细控制的文本引擎。 它良好的结合了 UIKit 和 Core Graphics/Quartz: UIKit 的 UILabel 允许你通过在 IB 中简单的拖曳添加文本,但你不能改变文本的颜色和其中的单词。 Core Graphics/Quartz几乎允许你做任何系统允许的事情,但你需要为每个字形计算位置,并画在屏幕上。 Core Text 正结合了这两者!你可以完全控制位置、布局、类似文本大小和颜色这样的属性,而 Core Text 将帮你完善其它的东西——类似文本换行、字体呈现等等。
Helloted
2022/06/06
1.6K0
图文混排
【封装富文本API,采用block实现链式编程】(block 的妙用:结合block和方法的优点实现iOS的链式编程)
主要针对段落样式NSMutableParagraphStyle和富文本NSMutableAttributedString进行封装
公众号iOS逆向
2021/01/18
8730
【封装富文本API,采用block实现链式编程】(block 的妙用:结合block和方法的优点实现iOS的链式编程)
富文本AttributedString的总结
AttributedString可以分为NSAttributedString和NSMutableAttributedString两种。 在使用中通过将AttributedString赋值给控件的 attributedText 属性来添加文字样式。 可设置的控件有UILabel、UITextField和UITextView。
码客说
2019/10/22
3.5K0
UI篇-CATextLayer和 富文本的交融
CATextLayer适用于IOS或者MAC,比UIlablel 和 NSTextView 能做的事很多,可以这样说UIlablel是通过CATextLayer实现的,身为CALayer的三大子类之一,它的功能远比 UIlablel 强大的多的多,其最主要的特点是CATextLayer可以被NSMutableAttributedString直接附值。而NSMutableAttributedString有可以最自己内容作出颜色以及大小的调整,这样结合起来使用的话,就远比UILabel 灵活的多,效果也酷炫的多,也许CATextLayer就是为了NSMutableAttributedString而生的,(哈哈,开个玩笑)。下面就简要介绍下CATextLayer 的常规使用,不足之处,还望朋友们下面留言补充,不胜感谢。 苹果官网给出CATextLayer的API解释
進无尽
2018/09/12
2.7K0
UI篇-CATextLayer和 富文本的交融
iOS中使用NSAttributedString灵活创建标签
灵活使用NSAttributedString可以更轻松的创建出内容复杂的标签。需要注意一点:如果一个label设置了这个属性,那它其他的设置都将失效。
珲少
2018/08/15
9050
Swift 3.0 探索之 UILabel
开篇 最近闲来无事,看看Swift3.0,发现和我认识的1.0有很大的不同了,如果不学习一下估计会落伍了,所以探究一下 Swift 在开发中的使用(当然目前是初级水平,一起进步嘛,也欢迎菜鸟,大神一起探讨 QQ群 139852091) 正题 UILabel是我们开发中常用的控件了,我今天就拿它开刀,看一下我们在开发中常用的UILabel属性 创建已经常规设置 //let 变量名字 = 变量类型(这是一个变量声明方法) let myLabel = UILabel()
GuangdongQi
2018/05/24
8350
ios oc匹配字符串 富文本化
- (NSMutableAttributedString *)text:(NSString *)string searchText:(NSString *)text
conanma
2021/05/10
8090
六天完成一个简单iOS App - 第二天
第二天任务: 项目主框架搭建完毕后,就可以从各个模块入手完成项目,这里从最简单的关注模块开始。 关注页面的搭建 登录界面的搭建 方法抽取与知识点总结 一. 关注页面的搭建 关注页面我们这里只做未登录的
xx_Cc
2018/05/10
2.1K0
[iOS] 小问题记录
iOS 往数据库里写保存文件路径的时候,不要写全路径,因为软件更新或者重新安装沙盒路径会变
wOw
2018/09/18
3.5K0
【API使用系列】Core Text专题
https://developer.apple.com/library/mac/#documentation/Carbon/Reference/CoreText_Framework_Ref/_index.html
江中散人_Jun
2022/03/08
8930
【API使用系列】Core Text专题
iOS设置UILabel行距实例
这个方法不仅可以设置Label行距,也可以设置自适应高度 //创建UILabel UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(7, 5, TABLEVIEW_WIDTH - HEADIMGVIEW_HEIGHT - 20 - 24 - 20, 0)]; //自动换行 label.numberOfLines = 0; //设置label内容宽度 CGFloat textW
用户7705674
2021/10/29
6640
iOS富文本之数字小角标
传入一串文本"02,03,PM25" 返回小角标数字 /// 字符串数字小角标 /// @param text 文本 /// @param size 角标字体 +(NSMutableAttributedString*)getNumberSubscriptString:(NSString*)text size:(CGFloat)size { if (text.length == 0) {return nil;} NSMutableArray *numStrArr = [NSMutab
赵哥窟
2020/07/30
7690
iOS之NSAttributedString-------字符属性
NSAttributedString 字符属性 字符属性可以应用于 attributed string 的文本中。 NSString *const NSFontAttributeName;(字体) NSString *const NSParagraphStyleAttributeName;(段落) NSString *const NSForegroundColorAttributeName;(字体颜色) NSString *const NSBackgroundColorAttributeNam
用户1941540
2018/05/11
1.2K0
iOS富文本使用指南: 1、封装富文本API,采用block实现链式编程 2、 超链接属性 3、HTML字符串与富文本互转
iOS开发效率工具:完整SDK源码【封装富文本API,采用block实现链式编程】(block 的妙用:结合block和方法的优点实现iOS的链式编程)
公众号iOS逆向
2021/03/08
1.5K0
iOS富文本使用指南: 1、封装富文本API,采用block实现链式编程 2、 超链接属性 3、HTML字符串与富文本互转
iOS 计算NSString宽高与计算NSAttributedString的宽高
开篇 项目有一个客服反馈功能,用到的是聊天列表的形式,这就免不了计算字符串的宽高,由于要给字符串加间距,没办法,只能用 NSAttributedString 所以要计算NSAttributedString的长宽 计算NSString宽高 计算NSString宽高很简单,代码如下: //返回字符串所占用的尺寸. - (CGSize)sizeWithFont:(UIFont *)font maxSize:(CGSize)maxSize { NSDictionary *attrs = @{NSFontAt
GuangdongQi
2018/05/24
5.2K0
iOS隐私安全:用户协议及隐私政策弹框(包含超链接属性、demo支持中英文切换)
熟悉监管要求,掌握合规操作流程,避免App被降级或者下架。需要确保App有《隐私政策》,并且在用户首次启动App时就弹出《隐私政策》取得用户同意。
公众号iOS逆向
2022/08/22
2.3K0
iOS隐私安全:用户协议及隐私政策弹框(包含超链接属性、demo支持中英文切换)
短视频APP源码中系统评论功能是如何实现的
短视频系统中评论功能的分量在短视频功能里可谓是举足轻重,下面简单介绍下,短视频系统中的评论功能的实现方式:
nicai123
2019/10/18
7940
短视频APP源码中系统评论功能是如何实现的
iOS文本尺寸自适应异步计算实现
目前市面上的非UI线程文本算高方法或多或少都有一些问题。本文通过逆向和分析UILabel的sizeThatFits方法实现来得到一个最佳的文本算高的精简方法。方法可以运行在任意线程,因此可以有效的应用在那些异步算高或者要求尺寸进行提前计算的场景中。
欧阳大哥2013
2020/07/24
1.5K0
iOS UILabel设置中划线不能包含中文
今天写代码突然发现给UILabel设置中划线失效了,纠结了好久,终于找到解决办法(有可能是iOS10.3的bug,别的系统没事),解决办法: NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc] initWithString:@"15.0元"]; [attStr addAttributes:@{NSStrikethroughStyleAttributeName: [NSNumber numberWithInteger:N
czjwarrior
2018/05/28
8970
带动画渐进效果与颜色渐变的圆弧进度控件设计 原
     今天帮朋友写了一个小巧的圆弧进度控件,控件十分简单,主要设计思路采用CAShapeLayer来创建控件圆弧形状,使用CAGradientLayer来进行颜色渐变的渲染,两者结合来创建出颜色渐变的圆弧进度条控件,关于进度动画采用CoreAnimation动画处理。控件进行了简洁的封装,提供了面向使用的接口,需要的朋友可以自取,Demo地址如下:
珲少
2018/08/15
1.2K0
带动画渐进效果与颜色渐变的圆弧进度控件设计
                                                                            原
推荐阅读
相关推荐
图文混排
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验