Axure RP怎么制作弹出菜单的效果?
百度经验 发布时间：2018-06-26 08:53:50 作者：hbyostc11 
我要评论
我要评论Axure RP怎么制作弹出菜单的效果？Axure中制作网页原型很简单，想要制作一个弹出式的菜单，该怎么弄制作这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下
Axure设计的网页中想要制作一个弹出菜单，就是当鼠标移入头像的时候，出现下拉菜单，用户可以进行相应的操作，比如百度的首页效果一样，当移到“更多产品”的时候，就出现了其他的菜单选项，该怎么制作呢？下面我们就来看看详细的教程。
1、首先打开Axure RP，插入一个全新的页面，如下图所示。
2、在空白页面中从元件库中拖动一个矩形到空白页面中，本文以模拟实现百度首页为例进行说明。在矩形框中输入【更多产品】，如下图所示。
3、从元件库中拖动一个动态面板到页面中，该动态面板的内容为鼠标移入后要展示的内容，如下图所示。
4、双击该动态面板，在弹出的对话框中，为动态面板命名，双击【State1】进入动态面板的编辑页面，如下图1所示，编辑完后的内容如下图2所示。
5、因为一开始动态面板的内容是隐藏的，所以请鼠标右键点击动态面板，在弹出的对话框中设置【隐藏】，如下图所示。
6、为矩形框添加事件。当鼠标移入的时候就出现动态面板的内容。先选择矩形框，在右侧的【属性】中找到【鼠标移入时】，如下图标红框所示。
7、双击【鼠标移入时】后，在弹出的用例编辑页面中，找到【显示/隐藏】，并单击他，根据设置的动态面板的名称，找到该动态面板，并设置为可见。如下图所示。
8、点击【确定】退出用例编辑页面，这时候已经完成弹出菜单效果的设置了，点击预览， 在浏览器中默认是下图1 的效果，当鼠标移到【更多产品】后就变成了下图2 的效果了。
以上就是Axure制作弹出菜单的效果的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
利用Axure RP设计绘制原型图时需要用到辅助线，目的很明确，就是合理划分页面结构、让排版更好看。Axure RP软件中有两种辅助线，即全局辅助线、页面辅助线，本文详细介绍了2019-04-12
正常情况下，利用Axure RP制作的原型图文件无法使用其他软件打开，为了方便，你可以将原型图转换成图片格式。下文介绍了将Axure原型图导出为图片格式的方法，请参考2019-04-11
Axure RP是一款非常专业的原型设计工具，通用性极强，可以用来快速绘制流程图、线框图。我们在绘制原型图时为了确保元件之间互相对齐，需要借助辅助线来帮忙，下文详细介绍2019-04-11
Axure RP8怎么快速导入图片？Axure RP8中想要插入图片，该怎么插入图片呢？下面我们就来看看Axure RP8导入图片的两种方法，需要的朋友可以参考下2018-12-24
Axure RP8提示文字怎么设置为红色？Axure RP8设计网页的时候，添加了提示文字，想要设置提示位子的颜色为红色，比较醒目，该怎么设置呢？下面我们就来看看详细的教程，需要2018-12-16
Axure RP8元件怎么设置颜色与透明？Axure RP8制作网页原型的时候，插入的元件想要添加颜色并设置透明度，下面我们就来看看详细的教程，需要的朋友可以参考下2018-12-13
Axure RP8元件怎么设置默认角度？Axure RP8中插入的矩形元件，默认是水平放置的，想要倾斜45度角度，该怎么操作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-12-13
Axure RP8元件怎么重命名？Axure RP8中的元件想要修改名称，该怎么修改呢？下面我们就来看看Axure RP8元件重命名的教程，需要的朋友可以参考下2018-12-12
Axure8交互设计怎么导入rp文件？Axure8设计网页原型的时候，想要导入rp文件，该怎么导入恩？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-05
使用Axure RP绘制原型图，你可以在画完之后先进行预览，查看不足之处，但有时候会出现无法预览的情况，这是为什么呢？怎么解决？如果Axure无法正常预览页面，可以参考以下2019-04-25
最新评论