Axure RP 8软件中有表格元件,可以展示行和列;还有表单元件单选按钮,可以进行单选。将两者结合起来,组合成表格单选行,勾选单选按钮选中某一行。单选按钮是控制选择一条记录,然后进行其他的操作,如何实现这个功能,操作如下:
工具/原料
1
Axure RP 8
2
浏览器
3
截图工具
4
图片工具
方法/步骤
1
第一步,打开Axure RP 8原型设计软件,新建一个页面index,默认显示一个父页面和三个子页面,如下图所示:
2
第二步,找到表格元件,拖曳一个到index页面,设置表格列宽和行高,如下图所示:
3
第三步,编辑表格数据源,第一列放单选按钮,第二列、第三列、第四列和第五列分别是编号、姓名、性别和年龄,作为列数据字段,如下图所示:
4
第四步,选中列表中的某一行,鼠标右键选择“交互样式”,设置选中该行的背景色,填充选中的颜色,如下图所示:
5
第五步,选中表格某一行,鼠标右键选择“交互样式”,设置选中行“鼠标按下”时的样式,如下图所示:
6
第六步,再次设置取消选中时的样式,这样就实现了选中时行变色,取消选中不变色,如下图所示:
注意事项
1
注意表格元件使用方法,合并单元格和设置单元格样式
2
注意选中和取消选中交互样式设置方法
下一篇:如何清理雨伞