zoukankan      html  css  js  c++  java
  • 10-7动态icon和富文本展示

    实现左侧item的动态图片。item的类型不同,它的图片是不一样的。再就是实现富文本的展现。

    首先把静态图片导入到我们的项目里面去

    把图片放到我们的项目根目录下

    配置文件内声明图片

    搜索的结果item内加上图片。由于图片是动态的

    封装一个_typeItem来加载图片

    如果为空,返回一个默认的图片


    图片前面是固定的,后面是动态的

    在最上面声明一个数组,里面是所有支持的type

    遍历数组

    这里如果变量是一个的话,可以不用加花括号 ,括起来的

    运行效果

    实现右边的富文本

    把第一行文本,封装一个方法出来

    下面一行文字也封装一个方法出来

    这两个方法的封装,返回富文本

    TextSpan就是Text里面显示富文本显示辅助的类。


    分为三个部分,左边+关键字变色+右边

    再封装一个keywordTextSpans方法

    用split把关键字拆成左右两部分。

    下面来创建两个TextStyle,然后来循环。


    下方实验性代码。

    所以所有逗号的地方都是我们的关键字。

    仔细揣摩这段代码的逻辑

    最终返回这个spans

    设置右边的text


    设置样式

    RichText用来展示富文本



    运行测试,有异常信息

    这一行最后多了一个分号。这里去掉



    第二行的文本




    左右两个文字的设置

    非法的参数。

    这里用括号括起来。这里涉及到表达式的优先级。后面的两个问号没有前面的单引号优先级别高,所以


    这样就实现了最终的效果


    结束

  • 相关阅读:
    好玩的spring boot banner 图
    数据结构和算法二(数组)
    数据结构与算法三(链表)
    数据结构和算法一(基础知识)
    jenkins 部署node应用
    Docker-compose 安装Jenkins
    Docker 网络模式
    exe4j 转jar
    c#索引器的简单用法
    Adapter模式
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/12311013.html
Copyright © 2011-2022 走看看