养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure 中继器 移入行变色 及 选中行变色

时间:2024-11-10 17:01:00

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

工具/原料

Axure8

方法/步骤

1、在页面中拖入一个中继器,取名为:表格中继器

Axure 中继器 移入行变色 及 选中行变色

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

Axure 中继器 移入行变色 及 选中行变色

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

Axure 中继器 移入行变色 及 选中行变色

4、组合复选框与表格,取名为“行”

Axure 中继器 移入行变色 及 选中行变色

5、设置“表格中继器”背景色为蓝色(点击中继器空白处即可设置)

Axure 中继器 移入行变色 及 选中行变色

6、选中组合“行”,分别设置期鼠标移入与鼠标移出时的交互:

Axure 中继器 移入行变色 及 选中行变色

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

Axure 中继器 移入行变色 及 选中行变色

8、鼠标移入时,当复选框“选中”的“选中状态”值==false时,“设醅呓择锗置不透明”为"行”100%到此时鼠标移入变色就做好了,接下来做选中变色

Axure 中继器 移入行变色 及 选中行变色

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

Axure 中继器 移入行变色 及 选中行变色

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

Axure 中继器 移入行变色 及 选中行变色

11、下面看看效果

Axure 中继器 移入行变色 及 选中行变色

© 一点知识