Axure怎么使用中继器移入行变色及选中行变色？

在使用Axure制做表格或是列表时，经常用到鼠标移入时整行变色，移出时恢复原来颜色，选中一行时整行变色，取消选中是恢复原来颜色。

想了解更多的“Axure RP”相关内容吗？点击这里免费试学Axure RP课程>>

工具/软件

硬件型号：华为MateBook D 14

系统版本：Windows7

所需软件：Axure RP

方法/步骤

第1步

在页面中拖入一个中继器，取名为：表格中继器

第2步

双击打开中继器，删除现有的“矩形”方框，然后添加一个表格，只保留一个空行，将多余行删除并调整列宽至合适样式，我的是35:150:150，高为30

第3步

添加复选款至第一个单元格中，复选框取名为“选中”，用于选择行

第4步

组合复选框与表格，取名为“行”

第5步

设置“表格中继器”背景色为蓝色（点击中继器空白处即可设置）

第6步

选中组合“行”，分别设置期鼠标移入与鼠标移出时的交互：

第7步

鼠标移入时，当复选框“选中”的“选中状态”值==false时，“设置不透明”为"行”90%

第8步

鼠标移入时，当复选框“选中”的“选中状态”值==false时，“设置不透明”为"行”100%

到此时鼠标移入变色就做好了，接下来做选中变色

第9步

设置“选中”复选框“选中时”交互为 “设置不透明”“行”为75%

第10步

设置“选中”复选框“取消选中时”交互为 “设置不透明”“行”为75%

第11步

下面看看效果