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怎么制作日历日期选择框效果?

axure怎么生成分享链接? axure发布分享的教程

相关文章

  • Axure怎么制作动态的云层?

    Axure怎么制作动态的云层?Axure中想要制作一个动态的云层,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-03-13
  • Axure内联框架怎么加载网络地图?

    Axure内联框架怎么加载网络地图?Axure中想要制作一个网页可以加载地图的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-03-12
  • Axure怎么制作发光的关机按钮?

    Axure怎么制作发光的关机按钮?Axure制作网页原型的时候,想要制作一个发光的按钮,该怎么给按钮添加光晕效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-03-10
  • axure怎么使用树工具创建菜单?

    axure怎么使用树工具创建菜单?axure中想要创建一个树状菜单,该怎么创建呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2019-02-28
  • axure文本段落怎么设置填充属性?

    axure文本段落怎么设置填充属性?axure中输入的文本段落想要设置填充属性,该怎么设置呢?下面我们就来看看详细的设置教程,需要的朋友可以参考下
    2019-02-27
  • axure怎么添加滚动条? axure水平垂直滚动条的设置方法

    axure怎么添加滚动条?axure输入的文本很长,想要添加滚动条,该怎么添加呢?下面我们就来看看axure水平垂直滚动条的设置方法,需要的朋友可以参考下
    2019-02-27
  • Axure文字怎么设置间距? Axure段落间距的调整方法

    Axure文字怎么设置间距?Axure中输入的多行文字想要调整段落间距,该怎么调整呢?下面我们就来看看Axure段落间距的调整方法,需要的朋友可以参考下
    2019-02-24
  • axure怎么导出流程图? axure流程图导出方法

    axure怎么导出流程图?axure中绘制的流程图想要导出,该怎么导出流程图呢?下面我们就来看看axure流程图导出方法,需要的朋友可以参考下
    2019-02-22
  • axure快捷菜单怎么创建水平菜单?

    axure快捷菜单怎么创建水平菜单?axure设计网页原型的时候,想要制作菜单,快捷菜单有两种设置,一个是水平菜单一个是垂直菜单,该怎么设置水平菜单呢?下下面我们就来看看
    2019-02-21
  • axure网页原型怎么查看浏览器中预览效果?

    axure网页原型怎查看浏览器中预览效果?axure中设计网页原型很简单,想要查看预览效果,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-02-19

最新评论