使用Axure RP 8为网页添加所选列表框具体流程介绍

??相信有很多用户工作中都要使用Axure RP 8这款软件,不过你们了解Axure RP 8中如何为网页添加所选列表框吗?在下文教程中就为你们带来了使用Axure RP 8为网页添加所选列表框的具体流程介绍 。

使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??1、双击打开Axure RP 8工具,在元件库找到矩形,在图表中找到向下的图标,拖入到画布中,如图:
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??2、将向下的图标放矩形中,形成类似下拉列表框的样子,如图:
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??3、在元件库中找到矩形、复选框,将复选框放置在矩形中,并组合,如图:
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??4、给矩形组合中的“请选择”添加鼠标单击事件,鼠标单击时隐藏组合,如图
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??5、给矩形和复选框的组合添加鼠标移出时事件和失去焦点时事件,鼠标移出和失去焦点时隐藏矩形和复选框的组合
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??6、给第一个矩形,即向下的图标所在的矩形设置鼠标点击事件,鼠标点击时显示下面矩形和复选框的组合
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??7、将矩形和复选框的组合移动至第一个矩形,使其刚好覆盖,设置组合为隐藏
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
【使用Axure RP 8为网页添加所选列表框具体流程介绍】??效果图:
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
使用Axure RP 8为网页添加所选列表框具体流程介绍

文章插图
??看完了上文为你们讲解的使用Axure RP 8为网页添加所选列表框的具体流程介绍,你们自己也赶紧去试试吧!

    推荐阅读