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

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

时间:2024-10-23 15:21:46

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

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

工具/原料

AxureRP8

截图工具

浏览器

图片工具

方法/步骤

1、第一步,双击打开AxureRP8工具,在元件库找到列表框,拖入到画布中,调整该元件的高俣觊鄄幼度和宽度,如下图所示:

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

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

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

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

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

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

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

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

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

6、第六步,按着Ctrl键,进行点击选择多个选项,背景色改为蓝色,这是进行多选选择,如下图所示:

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

© 一点知识