Axure RP 8怎么给网页添加多选列表框?
发布时间：2017-07-19 16:42:02 作者：佚名 
我要评论
我要评论Axure RP 8怎么给网页添加多选列表框？Axure RP 8设计网页的时候需要添加多选列表框，该怎么添加呢？下面我们就来看看详细的教程，需要的朋友可以参考下
今天我们来看看Axure RP 8设计多选列表框的方法，很简单，下面我们就来看看详细的教程。
1、双击打开Axure RP 8工具，在元件库找到矩形，在图表中找到向下的图标，拖入到画布中，如图：
2、将向下的图标放矩形中，形成类似下拉列表框的样子，如图：
3、在元件库中找到矩形、复选框，将复选框放置在矩形中，并组合，如图：
4、给矩形组合中的“请选择”添加鼠标单击事件，鼠标单击时隐藏组合，如图
5、给矩形和复选框的组合添加鼠标移出时事件和失去焦点时事件，鼠标移出和失去焦点时隐藏矩形和复选框的组合
6、给第一个矩形，即向下的图标所在的矩形设置鼠标点击事件，鼠标点击时显示下面矩形和复选框的组合
7、将矩形和复选框的组合移动至第一个矩形，使其刚好覆盖，设置组合为隐藏
效果图：
上面就是使用Axure RP 8 设计可以多选的下拉列表框的过程以及效果，喜欢的朋友可以关注脚本之家。
相关推荐：
相关文章
Axure RP 8怎么设置页面弹出框居中显示？Axure RP 8设计网页的时候，想要合设计一个居中显示的弹框，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-13
Axure RP复选框怎么实现单选效果？Axure使用复选框的时候，但是却只想实现单选效果，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-06- Axure RP打开后鼠标不能使用该怎么办？在使用Axure RP的时候，发现打开以后鼠标无法使用，不能动了，该怎么办呢？下面我们就来看看这个问题的解决办法，需要的朋友可以参考2017-07-05
Axure8怎么删除中继器? Axure8中继器的山中删除方法
Axure8怎么删除中继器？Axure8中想要是哪出中继器，该怎么删除呢？下面我们就来看看Axure8中继器的山中删除方法，需要的朋友可以参考下2017-07-03
Axure怎么使用动态面板制作banner图片轮播？Axure中想要做一个网站banner图片轮播，该怎么制作这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-06-30
Axure怎么设计一个左侧二级导航切换效果？Axure中设计网页原型很简单，想要设计一个点主导长就出现二级导航的下过，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友2017-06-30
Axure RP怎么实现提示框悬停功能？Axure设计网页的时候，想要实现提示框悬停功能，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-06-27
axure8.0怎么使用元件库及母版？axure8.0中想要创建一个产品原型，可以直接使用元件库和母版实现，下面我们就来看看详细的教程，需要的朋友可以参考下2017-06-27
Axure RP两份文件怎么合并成一份？有两份Axure文件，想要将两份文件合并在一起，该怎么合并呢？下面我们就来看看详细的教程，很简单，,要的朋友可以参考下2017-06-27
Axure RP 8输入框中怎么显示日期？Axure RP 8中绘制的输入框除了显示文本、密码等，还可以显示日期，下面我们就来看看设置显示日期的教程，需要的朋友可以参考下2017-06-08
最新评论