兼容iOS与OSX的轻量级富文本处理Label (自己造的小轮子)
兼容iOS与OSX的轻量级富文本处理Label (自己造的小轮子)
简述
最近开发的OSX应用时,一些地方需要用到图文混排,与可点击文字的地方,这时我就特别怀念在iOS用的YYText,然后转念一想,反正时间比较富裕就自己造一个Swift的轮子吧,所以就写了MK_Text
目前就完成了YYLabel的大部分功能,但基本够用了,后续我也会去丰富里面的功能,大家有什么想法也可以提,如果我觉得比较实用我也会尽力去实现的~ 接下来我就介绍下MK_Text吧~
介绍
github链接:MK_Text
特性
支持图文混排,支持富文本与View混排
支持异步排版渲染
支持高亮文字设置
支持OSX 与 iOS
支持自动布局
用法
图文混排
可自定义图片显示大小,默认显示图片原始大小~
可是设置图片与其所在子行的对其方式,默认为与字行中线一致~
let imStr = NSMutableAttributedString.mk_image(im: MK_Image.init(named: NSImage.Name.init("face"))!, size: CGSize.init(width: 30, height: 30), alignType: NSMutableAttributedString.AlignType.top)
//控件的用法与图片基本一致 let v = UISwitch.init() let viewStr = NSMutableAttributedString.mk_view(view: v, superView: ml, size: v.bounds.size)
高亮文字
使用高亮属性时需先创建MK_TapResponse结构体,可选返回两个闭包: 1,高亮时的富文本属性~ 2,完成点击时回调的闭包~
这里判断点击是否完成的逻辑与Button一致~
let tap = NSMutableAttributedString.init(string: "可点击字符")
let response = MK_TapResponse.init(highlitedBlock: { (str) -> [NSAttributedStringKey : Any]? in
return [NSAttributedStringKey.foregroundColor : UIColor.red]
}) { (str, range) in
print("点击字符串~")
}
tap.addTapAttr(response: response, range: nil)对齐方式
通过MK_Label的 alignment属性 进行设置(默认为左对齐),此处以居中对此为例子
居中对齐效果图
异步渲染
通过设置 Label的isAsync属性来确定~ 默认为false
效果
目前只实现了上述的功能,其他功能会在后续丰富~
iOS效果图
OSX效果图
性能
关于性能我只是简单粗略的测试了一下绘制富文本的时间,和YY_Text比较一下,下面是为绘制所用的时间的简单对比~
这里是测试耗时的地方 MK_Text
YY_Text
测下来的结果是MK_Text快一些,可能是我的功能相对简单和使用Swift的原因吧~ 总之不算慢~
使用注意
中途修改富文本属性
若需要在修改富文本属性的同时刷新UI界面,请使用下面这个方法
public func mk_setAttrtbute(dic:[NSAttributedStringKey : Any], range: NSRange)->Void
自动布局
MK_Text对于自动约束的支持是参照UILabel来做的, 当View的translatesAutoresizingMaskIntoConstraints为true时, 则按照View的frame进行渲染.
若为false,则会判断约束是否约束到宽高, 若约束到 则按约束的宽高进行渲染,若未约束到,则会根据渲染内容来补充宽高约束~
安装
CocoaPods
在 Podfile 中添加 pod 'MK_Text'
系统要求
OSX 10.10 或 iOS 8.0
总结
本框架测试的不多(就我一个人测),若大家发现Bug或有什么好想法 欢迎提Issues,感觉还不错的话可以点个Star (๑•ᴗ•๑)
正文到此结束
热门推荐
相关文章
近期评论
-
你这基本没有更新呀，最近文章显示还是2019年的文章。不符合要求哈
-
关键词：慕云博客 链接：https://www.lilun.me 描述：分享原创文字的个人博客
-
-
-
可以提供一下源码吗
-
不是商业站，鸡娃学习笔记
-
-
-
-
听他们说很厉害的样子
Loading...
![[HBLOG]公众号](http://www.liuhaihua.cn/img/qrcode_gzh.jpg)
