美文网首页
axure学习笔记--中继器不同数据显示不同颜色

axure学习笔记--中继器不同数据显示不同颜色

作者: 持续5年输出bug | 来源:发表于2018-09-25 23:58 被阅读0次

    目标实现中继器内数据不同,颜色随之不同。


    1.png

    首先 先做好中继器内数据绑定,交互-每项加载时-设置文本-选中(中继器中)对应单元格--设置文本为--对应列名,如我讲其中一列命名为time ,设置文本应为[[item.time]]

    2.png
    到这一步,就实现了中继器数据的绑定,接下来设置根据不同内容设置不同颜色,给“状态”这一列,命名为state。
    给刚才设置绑定数据的case1
    设置如
    1:if 语句判断是否文字为“未上报”;
    2.选中状态单元格;
    3.条件成立则state 设置富文本--编辑文本;
    3.插入[[item.state]]变量,左侧设置文字颜色点击确定;
    111.png
    到这一步,凡是状态这一列,文字为未上报的,都变成了红色,不是“未上报的”数据并没有被绑定上,接下来需要加case2
    4444.png

    到这里,就实现了根据不同的文字显示了不同的颜色,有时候还有这样的需求,需要对多列进行这样的设置,但是当进行条件设置的时候发现,新加的条件判断 都是并且的关系并步可以满足需求,这样的情况下只需要讲另外一列多设置一个case即可。
    至于后面不同按钮的显隐,只要在如图case2中加上显示/隐藏即可,如果需要隐藏耨个按钮后对剩余显示的按钮进行重新居中设置,只需要设置移动即可

    相关文章

      网友评论

          本文标题:axure学习笔记--中继器不同数据显示不同颜色

          本文链接:https://www.haomeiwen.com/subject/xsmroftx.html