DearMiku

MK_Text富文本处理Lable 兼容iOS和OSX

开源
字数统计: 692阅读时长: 2 min
2018/02/22 Share

简述

最近开发的OSX应用时,一些地方需要用到图文混排,与可点击文字的地方,这时我就特别怀念在iOS用的YYText,然后转念一想,反正快过年了时间比较富裕就自己造一个轮子吧,所以就写了MK_Text

目前就完成了YYLabel的大部分功能,但基本够用了,后续我也会去丰富里面的功能,大家有什么想法也可以提,如果我觉得比较实用我也会尽力去实现的~ 接下来我就介绍下MK_Text吧~

介绍

github链接:MK_Text
License MIT Support Support CocoaPods

特性

支持图文混排,支持富文本与View混排

支持异步排版渲染

支持高亮文字设置

支持OSX 与 iOS

支持自动布局

用法

图文混排

可自定义图片显示大小,默认显示图片原始大小~

可是设置图片与其所在子行的对其方式,默认为与字行中线一致~

1
2
3
4
5
6
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一致~

1
2
3
4
5
6
7
8

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属性 进行设置(默认为左对齐),此处以居中对此为例子

居中对齐效果图

效果

目前只实现了上述的功能,其他功能会在后续丰富~

iOS效果图

OSX效果图

异步渲染

通过设置 Label的isAsync属性来确定~ 默认为false

使用注意

中途修改富文本属性

若需要在修改富文本属性的同时刷新UI界面,请使用下面这个方法

1
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 (๑•ᴗ•๑)

原文作者：杨尚达

原文链接：http://yoursite.com/2018/02/22/兼容iOS与OSX的轻量级富文本处理Label (自己造的小轮子)/

发表日期：February 22nd 2018, 10:16:26 am

更新日期：September 12th 2018, 3:23:15 pm

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. 简述
  2. 2. 介绍
  3. 3. 特性
  4. 4. 用法
    1. 4.1. 图文混排
    2. 4.2. 高亮文字
    3. 4.3. 对齐方式
    4. 4.4. 效果
    5. 4.5. 异步渲染
    6. 4.6. 使用注意
      1. 4.6.1. 中途修改富文本属性
      2. 4.6.2. 自动布局
  5. 5. 安装
    1. 5.1. CocoaPods
  6. 6. 系统要求
    1. 6.1. 总结
Total : 31
2019
2018
2017
iOS网络 Python Mac开发 第三方框架学习 MySQL P2P Opengl ES iOS安全 iOS基础 iOS效率 开源 生产工具 计算机基础