首页 > 其他 > 详细

10-7动态icon和富文本展示

时间:2020-02-15 13:32:55      阅读:89      评论:0      收藏:0      [点我收藏+]

实现左侧item的动态图片。item的类型不同,它的图片是不一样的。再就是实现富文本的展现。
技术分享图片
首先把静态图片导入到我们的项目里面去
技术分享图片
把图片放到我们的项目根目录下
技术分享图片
配置文件内声明图片
技术分享图片
搜索的结果item内加上图片。由于图片是动态的
技术分享图片
封装一个_typeItem来加载图片
技术分享图片
如果为空,返回一个默认的图片
技术分享图片

图片前面是固定的,后面是动态的
技术分享图片
在最上面声明一个数组,里面是所有支持的type
技术分享图片
遍历数组
技术分享图片
这里如果变量是一个的话,可以不用加花括号 ,括起来的
技术分享图片

运行效果

技术分享图片

实现右边的富文本

把第一行文本,封装一个方法出来
技术分享图片
下面一行文字也封装一个方法出来
技术分享图片
这两个方法的封装,返回富文本
技术分享图片
TextSpan就是Text里面显示富文本显示辅助的类。
技术分享图片

分为三个部分,左边+关键字变色+右边
技术分享图片
再封装一个keywordTextSpans方法
技术分享图片
用split把关键字拆成左右两部分。
技术分享图片
下面来创建两个TextStyle,然后来循环。
技术分享图片

下方实验性代码。
技术分享图片
所以所有逗号的地方都是我们的关键字。
技术分享图片
仔细揣摩这段代码的逻辑
技术分享图片
最终返回这个spans
技术分享图片

设置右边的text

技术分享图片
设置样式
技术分享图片
RichText用来展示富文本
技术分享图片

技术分享图片
运行测试,有异常信息
技术分享图片
这一行最后多了一个分号。这里去掉
技术分享图片

技术分享图片
技术分享图片

第二行的文本


技术分享图片

左右两个文字的设置
技术分享图片
非法的参数。
技术分享图片
这里用括号括起来。这里涉及到表达式的优先级。后面的两个问号没有前面的单引号优先级别高,所以
技术分享图片

这样就实现了最终的效果
技术分享图片
技术分享图片
技术分享图片

结束

 

10-7动态icon和富文本展示

原文:https://www.cnblogs.com/wangjunwei/p/12311013.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!