Android图文混排_开发记录

为以后查阅方便特在此记录(好记性不如烂笔头)

在项目中有个需求展示文章具体内容,内容包括的有文字和图片,类似效果如下:

Paste_Image.png

我相信该功能大家实现起来很简单。老规矩先上效果图:


Paste_Image.png

界面排版有些丑(不爽来战-....),好了不扯淡,说重点!

 因为里面涉及到图片在这里我们需要使用到标签`< img >`,在该标签里面有个属性src用来指定图片,为了解析src我们需要用到`ImageGetter`对象中的`getDrawable()`方法,所以我们理所当然的会用到`Html.fromHtml(String source, ImageGetter imageGetter,TagHandler tagHandler)`方法 。

我们来看一下方法里面的三个参数(具体的可以翻看源码):
source:包含了HTML标签(文本+图片)的字符串
imageGetter:解析src,这里说一下图片资源可以是本地或者网络获取,并封装成Drawable对象
tagHandler:标签处理。不使用可以直接设为null

上代码
<b>1、调用Html.fromHtml()</b>

Paste_Image.png

这里的内容写的死数据,实际开发中是从后台解析得到
<b>2、设置方法中第一个参数</b>

Paste_Image.png

<b>3、调用getDrawable()解析src</b>

Paste_Image.png

这里setBounds()方法是设置图片显示区域,不设置就不显示。
好了,记录到此结束!
后期不断更新!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,868评论 0 17
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,073评论 19 139
  • 在使用TextView的时候,我们经常需要在TextView中进行图文混排,比如在QQ中聊天的消息中的表情,底部t...
    Ruheng阅读 33,994评论 3 127
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,706评论 1 41
  • “我,科比布莱恩特,决定跳过大学,将我的天赋带到NBA”。 宛如辛亥革命的第一声枪响,一段长达二十年的戎马生涯,就...
    寻找孤寂已久的阳光阅读 1,562评论 0 0

友情链接更多精彩内容