150 kb
如上图所示，简单封装了一下webview，就能实现这些布局。学过html的人都造这件事。。。所以推荐大家去学学h5。
首先webview是用来显示网页内容的控件，它有一个方法叫做loadhtmlstring(string: string, baseurl: nsurl?)可以单独用来加载一段html文本。所以我们只需要写好这段html让它去显示就行了。
结构： ycmixedtextitem 封装了具有同样特征的标签和标签ycmixedtextview 封装了uiwebview
想要了解html的童鞋可以移步到http://www.w3school.com.cn/index.html 学习一下。
ycmixedtextitem： enum ycmixedtextitemtype { case plaintext; case button;}class ycmixedtextitem: nsobject { var text = var type: ycmixedtextitemtype = .plaintext var color: string = #000000 var fontsize = 13 var textdecoration = false var html : string { return + text + }
这是一个继承自nsobject的类（可以不继承）。作用在于当取到我们定义的html这个属性的时候，就可以得到这样一个字符串：
@小六子或者：很有意思哈
标签：去学习
定义和用法：
标签定义超链接，用于从一张页面链接到另一张页面。 元素最重要的属性是 href 属性，它指示链接的目标。 标签：去学习
定义和用法
标签被用来组合文档中的行内元素。 当调用ycmixedtextitem中html的getter的同时，还有这些属性：
private extension ycmixedtextitem { ///元素使用哪一个标签来修饰 var html_mark : string { switch type { case .button: return a case .plaintext : return span } } ///元素是否含有一个锚 var html_href : string { switch type { case .button: return href=\#\(hreftext)\ case .plaintext : return } } ///元素的color属性 var html_color : string { return color: \(color); } ///元素的字体大小 var html_fontsize: string { return font-size: \(fontsize)px; } ///元素是否含有下划线 var html_textdecoration : string { return text-decoration : \(textdecoration ? underline : none); }}
关于href=#qowwj+wfrewtka==这个属性，等一下我们会说到。
ycmixedtextview： 这是一个继承自uiview的子类。基本方法有这些：
override init(frame: cgrect) { super.init(frame: frame) setupallviews() } required init?(coder adecoder: nscoder) { super.init(coder: adecoder) setupallviews() } private let webview = uiwebview(frame: .zero) func setupallviews() { addsubview(webview) ///防止出现末尾黑线 webview.opaque = false ///防止出现末尾黑线 webview.backgroundcolor = .clearcolor() ///防止出现末尾黑线 webview.scrollview.backgroundcolor = .whitecolor() ///禁止滚动 webview.scrollview.scrollenabled = false webview.delegate = self webview.loadhtmlstring(htmlstring, baseurl: nil) } override func layoutsubviews() { webview.frame = bounds }
这样一个webview就加上去了，那么我们还需要将item和它结合起来：
var background_color: string = #ffffff { didset { reload() }}private var items = [ycmixedtextitem]()func load(items: [ycmixedtextitem]) { self.items.removeall() self.items += items reload()}private func reload() { webview.loadhtmlstring(htmlstring, baseurl: nil)}private var htmlstring : string { return + + (items.map{\($0.html)}).joinwithseparator() + }
htmlstring属性组装了items之后，就形成了像下面这样的一段html代码：
@大话唠 ：今天熊孩子补习完回来和我说：“能不能不去辅导班了？”我问：“为什么”“要是每个礼拜都叫你去加班，你喜欢吗？！”我。。。老子是不喜欢加班，还tm不喜欢上班呢，还不是为了赚钱让你上辅导班！！！怎么有种作孽的感觉？！
可以复制到一个文本文件中，改扩展名为html来查看这个代码的效果。
使用的时候呢：
let item0 = ycmixedtextitem(type: .button)item0.text = model.replytousernamelet item1 = ycmixedtextitem(type: .plaintext)item1.text = model.replycontentmixedtextview.load([ item0, item1])
是不是非常简单呢~源码地址：https://github.com/ilakeyc/ycmixedtextviewdemo
希望能够解决大家的问题。（高手给个面子撒）ilakeyc 感谢各位的耐心阅读