如何利用Axure RP 8设计单选和多选列表框

如题所述

Axure RP 8原型设计工具有种元件:列表框,列表框可以展示多条数据,可以单选和多选。列表框跟下拉框很类似,都是展示多条记录,也可以单选或多选。下面利用一个实例说明列表框的用法,操作如下:

第一步,双击打开Axure RP 8工具,在元件库找到列表框,拖入到画布中,调整该元件的高度和宽度,如下图所示:

第二步,双击列表框元件,打开编辑列表选项,添加选项记录,勾选多选选项,默认勾选第一项,如下图所示:

第三步,选中列表框,在右侧属性添加用例,添加选项改变时用例,注意添加的属性,如下图所示:

第四步,添加用例设置完毕后,这时画布中列表框右侧出现数字1,代表添加成功,如下图所示:

第五步,预览该原型界面,这时界面出现一个下拉列表,默认选中第一项;注意单选和多选,如下图所示:

第六步,按着Ctrl键,进行点击选择多个选项,背景色改为蓝色,这是进行多选选择,如下图所示:
温馨提示:答案为网友推荐,仅供参考
相似回答
大家正在搜