Axure RP 8怎么给网页添加多选列表框?

今天我们来看看Axure RP 8设计多选列表框的方法,很简单,下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1破解版 中文汉化破解版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、双击打开Axure RP 8工具,在元件库找到矩形,在图表中找到向下的图标,拖入到画布中,如图:

Axure RP 8怎么给网页添加多选列表框?_第1张图片

2、将向下的图标放矩形中,形成类似下拉列表框的样子,如图:

Axure RP 8怎么给网页添加多选列表框?_第2张图片

3、在元件库中找到矩形、复选框,将复选框放置在矩形中,并组合,如图:

Axure RP 8怎么给网页添加多选列表框?_第3张图片

4、给矩形组合中的“请选择”添加鼠标单击事件,鼠标单击时隐藏组合,如图

Axure RP 8怎么给网页添加多选列表框?_第4张图片

5、给矩形和复选框的组合添加鼠标移出时事件和失去焦点时事件,鼠标移出和失去焦点时隐藏矩形和复选框的组合

Axure RP 8怎么给网页添加多选列表框?_第5张图片

6、给第一个矩形,即向下的图标所在的矩形设置鼠标点击事件,鼠标点击时显示下面矩形和复选框的组合

Axure RP 8怎么给网页添加多选列表框?_第6张图片

7、将矩形和复选框的组合移动至第一个矩形,使其刚好覆盖,设置组合为隐藏

Axure RP 8怎么给网页添加多选列表框?_第7张图片

效果图:

Axure RP 8怎么给网页添加多选列表框?_第8张图片

Axure RP 8怎么给网页添加多选列表框?_第9张图片

上面就是使用Axure RP 8 设计可以多选的下拉列表框的过程以及效果,喜欢的朋友可以关注脚本之家。

相关推荐:

axure怎么给文字设置跑马灯效果?

Axure RP 8怎么给下拉列表框添加多个值?

Axure RP 8怎么设置控制多选列表传值的效果?

你可能感兴趣的:(Axure RP 8怎么给网页添加多选列表框?)