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

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

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

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

    配置文件内声明图片

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

    封装一个_typeItem来加载图片

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


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

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

    遍历数组

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

    运行效果

    实现右边的富文本

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

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

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

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


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

    再封装一个keywordTextSpans方法

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

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


    下方实验性代码。

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

    仔细揣摩这段代码的逻辑

    最终返回这个spans

    设置右边的text


    设置样式

    RichText用来展示富文本



    运行测试,有异常信息

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



    第二行的文本




    左右两个文字的设置

    非法的参数。

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


    这样就实现了最终的效果


    结束

  • 相关阅读:
    java 8 lambda函数
    java nio和io
    jetty xml解析
    使用spring框架时,使用xml还是注解
    tcp/ip基础知识
    http的session和cookie
    html相关
    form之action的绝对路径与相对路径(转载)
    MariaDB 10 (MySQL DB) 多主复制并实现读写分离
    牛刀小试MySQL学习—MySQL 双主
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/12311013.html
Copyright © 2011-2022 走看看