二十二、图文混合排版

我们在APP上看的帖子，有文字又有图片，经过我个人分析，应该就是通过图文混合排版实现的，主要用到的类就是SpannableStringBuilder。

在帖子中显示的图片，保存在服务器时，就是一个链接地址，为了便于我们在文章中把图片链接地址找出来，我们规定图片链接的格式是：{image=链接地址}，这样我们就可以通过正则表达式找出图片链接和图片的位置，然后替换成图片插入到文章中。

一、使用正则表达式

String pattern = "\\{image=.*?\\}"; // 最小匹配
Pattern r = Pattern.compile(pattern);
Matcher m = r.matcher(postInfo.content);
while(m.find()) {
    final String url = m.group();
    /*
       其他逻辑
    */
 }

一开始我的正则表达式是：

{image=.*?}

一直测试都通不过，不能获取到正常的字符串，后来经过群里的热心网友指点，才发现需要对中括号做转义，因为中括号在正则表达式里有特殊含义，加了两个反斜杠解决问题。

二、链接替换成图片

先把代码贴出：

SpannableStringBuilder ssb = new SpannableStringBuilder(postInfo