多语言展示
当前在线:792今日阅读:3今日分享:40

如何利用Axure RP 8 软件设计单选表格事件

Axure RP 8软件中有表格元件,可以展示行和列;还有表单元件单选按钮,可以进行单选。将两者结合起来,组合成表格单选行,勾选单选按钮选中某一行。单选按钮是控制选择一条记录,然后进行其他的操作,如何实现这个功能,操作如下:
工具/原料
1

Axure RP 8

2

浏览器

3

截图工具

4

图片工具

方法/步骤
1

第一步,打开Axure RP 8原型设计软件,新建一个页面index,默认显示一个父页面和三个子页面,如下图所示:

2

第二步,找到表格元件,拖曳一个到index页面,设置表格列宽和行高,如下图所示:

3

第三步,编辑表格数据源,第一列放单选按钮,第二列、第三列、第四列和第五列分别是编号、姓名、性别和年龄,作为列数据字段,如下图所示:

4

第四步,选中列表中的某一行,鼠标右键选择“交互样式”,设置选中该行的背景色,填充选中的颜色,如下图所示:

5

第五步,选中表格某一行,鼠标右键选择“交互样式”,设置选中行“鼠标按下”时的样式,如下图所示:

6

第六步,再次设置取消选中时的样式,这样就实现了选中时行变色,取消选中不变色,如下图所示:

注意事项
1

注意表格元件使用方法,合并单元格和设置单元格样式

2

注意选中和取消选中交互样式设置方法

推荐信息