Axure实现表格按行变色效果

表格不支持按行变色,可以用中继器来做,效果如下:

Axure实现表格按行变色效果_第1张图片
image.png

源文件下载:
https://pan.baidu.com/s/16ei4iKYBihzUYJa9AI0hDA 提取码: 6zm6

步骤如下:
1、先拖拽一个中继器进来


Axure实现表格按行变色效果_第2张图片
image.png

2、双击中继器进入内部,复制几个(需要几列就复制几个)


Axure实现表格按行变色效果_第3张图片
image.png

预览一下,这时表格已经有了


Axure实现表格按行变色效果_第4张图片
image.png

3、下面来做效果
先把所有列都选中,ctrl+g做成分组,然后给一个名字(名字没什么卵用,只是我习惯给一个)


Axure实现表格按行变色效果_第5张图片
image.png

右侧的1和2,勾上1代表按组设置交互样式,2处设置了鼠标指向的效果,跟设置交互样式的界面一样,可以设置字体颜色、填充色等


Axure实现表格按行变色效果_第6张图片
image.png

预览一下,如图所示


Axure实现表格按行变色效果_第7张图片
image.png
Axure实现表格按行变色效果_第8张图片
image.png

你可能感兴趣的:(Axure实现表格按行变色效果)