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

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

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

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

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

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

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

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

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

效果图：

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

赞 (0)

相关推荐

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

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

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

    Axure RP 8设计软件有个元件----下拉列表框,下拉列表框数据源可以单条添加,也可以批量添加:双击打开编辑列表窗口,可以多条添加记录.下面利用一个实例实现这个功能,操作如下: 1.双击打开Ax ...

  • Axure RP 8怎么制作单选题中的单选框?

    Axure RP 8中有很多不同种类的自带的控件,有表格.单选框.文本域等.其中,单选框可以设置不同格式风格的.下面将讲述如何制作不同的单选框 1.首先,双击打开Axure RP 8软件工具,在Lib ...

  • Axure RP控制列表框怎么设置默认显示选中值?

    今天我们就来看那看Axure RP一个实例说明列表框选中的值,输入框显示对应的值,下面我们就来看看详细的教程. 1.双击打开Axure RP设计工具,在“表单元件”找到“列表框”,拖动一个到主页面上, ...

  • Axure RP 8中怎么制作复选框?

    Axure RP 8可以利用自带的控件设计出不同场景.不同类型的页面以及组件,如表格.下拉框.复选框和单选框等.下面将介绍如何用Axure RP 8制作出不同的复选框,具体操作如下: 1.首先,双击打 ...

  • 如何用Axure RP制作图片轮播

    对于初学者,在用Axure RP软件制作原型网页时,想使图片轮播怎么办?不需愁眉不展,小编现在现身给你支一招,看好了哦! 操作方法 01 首先从部件库中拖图片部件到面板中,如图所示. 02 右击部件, ...

  • 谷歌浏览器如何将网页添加到书签

    谷歌浏览器如何将网页添加到书签

    现在有很多人喜欢在电脑上使用谷歌浏览器上网,有些新用户不知道如何将网页添加到书签,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的谷歌浏览器,接着进入目标页面,然后根 ...

  • Axure RP怎么给网页添加滚动字幕?

    Axure RP中想要给网页添加动态效果,该怎么添加呢?下面我们就来看看详细的制作教程. 1.打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑器里有对齐,字体选项,将页面调试为居 ...

  • Axure RP 8设计网页原型怎么添加水平菜单?

    Axure RP 8设计软件可以设置水平菜单和垂直菜单,利用自带的控件制作菜单.下面讲述使用组件制作菜单 1.打开Axure RP 8 软件,默认创建一个有“Home”目录下的三个字页面,如下图所示: ...