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

 时间:2024-10-23 13:34:09

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设计单选和多选列表框

在Axure rp中如何设置列表选中项 AxureRP如何设置元件位置 Axure设置控件大小教程 axure怎么制作抽奖动画? Axure教程:中继器制作筛选条件
热门搜索
儿童装饰画图片大全 汪星人图片 影 电影 电影刮痧 布达拉宫图片大全