Android 纯原生图文混排心得

最新推荐文章于 2024-08-05 15:58:45 发布

生活PPT_亮子

最新推荐文章于 2024-08-05 15:58:45 发布

阅读量9.5k

点赞数 1

分类专栏： Android移动开发知识点文章标签：图文混排 Android 移动开发

本文链接：https://blog.csdn.net/qq_21153627/article/details/79385805

版权

本文分享了Android项目中纯原生实现图文混排的心得，指出使用Html.fromHtml()方法的不足，并提出通过RecyclerView和LinearLayout动态布局的方法，详细介绍了替换HTML标签、动态添加布局的过程，以及对H5内容转化为Spanned格式的处理。虽然存在局限性，但提供了一种自定义图文混排样式的解决方案。

摘要由CSDN通过智能技术生成

好久没有上号今天写一下纯原生图文混排心得

最近的项目里需要展示图文混排的格式，因为一些特殊原因需要纯原生操作。众所周知，图文混排我们可以使用Html.fromHtml(source, imageGetter, tagHandler)通过自定义imageGetter来异步加载图片最终展示在TextView上，最后完成图文混排。但是这样做的话对于图片段落之间的距离相对来说不好把控展示的样式也不精美。

这篇文章说讲述的方法有一些局限性，但是看客可以通过简单的修改适配自己的项目（主要是和后台，ios 商量好返回的格式）。下面是文本的格式，每一段文字和图片都放在一组p标签里，图片和文字不能在同一组中出现，这个格式可以直接通过word转html生成比较简单（分段直接用回车）。

<p>1、给狗狗吃早餐时，你应该根据它的食量将食物分成两份，如果它一天要吃两顿晚餐也要同样这么处理。</p>

<p><img alt="" src="http://pic.ibreed.com.cn/admin/pic/201711/00300d5ad326a1dcff78d598002b267c.jpg" style="width: 1053px;" /></p>

<p>2、先给它一半的食物。</p>

<p><img alt="" src="http://pic.ibreed.com.cn/admin/pic/201711/97098cb9842ce61a009d3cc9a2342cf7.jpg" style="width: 1053px;" /></p>

<p>3、如果它很快地吃完了你给的那一半食物，那么将另外一半也给它。</p>

<p><img alt="" src="http://pic.ibreed.com.cn/admin/pic/201711/4d58ce033d3e546e747f39fc49ec6754.jpg" style="width: 1053px;" /></p>

<p>4、20分钟之后，将狗狗还没有吃完的食物拿走并且扔掉，在下一次喂食之前不要再给它任何食物吃，包括任何奖赏。当然，你起码应该提供充足的、清洁的水给它饮用。</p>

<p><img alt="" src="http://pic.ibreed.com.cn/admin/pic/201711/a84ec2bb94457351ad5d503a7c69bf4b.jpg" style="width: 1053px;" /></p>