axure抽屉菜单效果怎么制作?
百度经验 发布时间:2020-02-01 18:53:57 作者:那一些小情绪9 我要评论
axure抽屉菜单效果怎么制作?很多页面都能见到导航菜单,想要制作一个抽屉效果的菜单,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
在网页中我们经常会看到一些推拉抽屉菜单,该怎么制作这个效果呢?我们可以先使用axure来制作,下面我们就来看看详细的教程。
1、首先打开软件,在元件库中选择“矩形”元件,并把元件拖入到画布中(如图)。
2、复制矩形,您可以根据您菜单数量选择复制下拉菜单的数量,复制好后,选中复制的矩形并对其编组(如图)。
3、对下拉项目编组后,继续鼠标右键在下拉框中选择“设为隐藏”。(如图)。
4、设为隐藏后,我们在右上角给隐藏元件取名叫“下拉项”。取名的目的是为了方便查找(如图)。
5、选中第一步绘制的矩形,在右上角找到属性栏,点击“鼠标单击时”(如图)。
6、在弹出的对话框中点击“显示隐藏“,然后在配置动作中,选中我们刚才命名的“下拉项”元件。接着在可见性这一栏:选择“切换”。显现动画这一栏选择:“向下翻转”。隐藏动画这一栏“向上翻转”。最后勾选“推动/拉动元件”,并在方向这一栏:勾选“下方”。动画选择这一栏选择“线性”点击“确定”制作完成(如图)。
7、保存文件,在浏览器中预览,查看实现效果。
总结:
1、设置点击啊按钮
2、设置下拉元素
3、把下拉元素设为隐藏
4、给下拉项命名
5、选中点击按钮设置点击事件
6、设置下拉参数
7、完成
以上就是axure抽屉菜单效果的制作方法,希望大家喜欢,请继续关注脚本之家。
相关推荐:
相关文章
- Axure怎么制作动态的云层?Axure中想要制作一个动态的云层,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-03-13
- Axure内联框架怎么加载网络地图?Axure中想要制作一个网页可以加载地图的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-03-12
- Axure怎么制作发光的关机按钮?Axure制作网页原型的时候,想要制作一个发光的按钮,该怎么给按钮添加光晕效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-03-10
- axure怎么使用树工具创建菜单?axure中想要创建一个树状菜单,该怎么创建呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下2019-02-28
- axure文本段落怎么设置填充属性?axure中输入的文本段落想要设置填充属性,该怎么设置呢?下面我们就来看看详细的设置教程,需要的朋友可以参考下2019-02-27
axure怎么添加滚动条? axure水平垂直滚动条的设置方法
axure怎么添加滚动条?axure输入的文本很长,想要添加滚动条,该怎么添加呢?下面我们就来看看axure水平垂直滚动条的设置方法,需要的朋友可以参考下2019-02-27- Axure文字怎么设置间距?Axure中输入的多行文字想要调整段落间距,该怎么调整呢?下面我们就来看看Axure段落间距的调整方法,需要的朋友可以参考下2019-02-24
- axure怎么导出流程图?axure中绘制的流程图想要导出,该怎么导出流程图呢?下面我们就来看看axure流程图导出方法,需要的朋友可以参考下2019-02-22
- axure快捷菜单怎么创建水平菜单?axure设计网页原型的时候,想要制作菜单,快捷菜单有两种设置,一个是水平菜单一个是垂直菜单,该怎么设置水平菜单呢?下下面我们就来看看2019-02-21
- axure网页原型怎查看浏览器中预览效果?axure中设计网页原型很简单,想要查看预览效果,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-02-19
最新评论