Axure7.0制作折叠菜单

设计产品原型时，利用Axure7.0工具制作折叠菜单效果

操作方法

  • 01

    拖曳三个动态模板到空白页上，分别命名为“tem1”，“tem2”，“tem3”

  • 02

    配置每个模板的属性，在“部件属性和样式”中勾选“调整大小以适应内容”，此选项很重要，不然会造成重叠的效果

  • 03

    每个动态模板添加两个状态“state1”和“state2”，其中“state1”状态为隐藏状态，“state2”状态为显示状态。 以tem1模板为例进行说明。

  • 04

    对tem1按钮下的三个要进行折叠的按钮设置为“隐藏”状态，如图所示：

  • 05

    对tem1按钮添加鼠标点击效果用例。 其中需要注意的时，state1状态和state2状态的转换效果。如果设置从隐藏状态state1到state2效果时，三个模板状态的勾选。 模板如果要选择的状态为显示状态，则同时勾选“显示面板（如果隐藏）”和“展开/收起部件” 模板如果要选择的状态为隐藏状态，则只需勾选“展开/收起部件” 对于该页面内出现的面板都要进行状态设置

  • 06

    将三个动态模板折叠起来

  • 07

    发布预览效果即可

赞 (0)

相关推荐

  • Axure7.0怎么制作折叠菜单原型?

    设计产品原型时,利用Axure7.0工具制作折叠菜单效果. 1.拖曳三个动态模板到空白页上,分别命名为“tem1”,“tem2”,“tem3” 2.配置每个模板的属性,在“部件属性和样式”中勾选“调整 ...

  • jquery-ui怎样制作折叠菜单呢

    折叠菜单可以让用户浏览网页时体验到更好的交互效果,今天我就来讲讲jquery-ui怎样制作折叠菜单,希望可以帮助到大家. 操作方法 01 首先,新建一个html界面,然后引入jquery-ui.js, ...

  • PPT怎么制作折叠字效果

    PPT怎么制作折叠字效果 反倒是如上图所示,通过一些文字变形小技巧以及背景明暗对比做出来的3D效果更加受人追捧.在本文中,小编图文详解使用PPT制作折叠字效果的方法. 1.使用矩形和梯形绘制墙面.为了 ...

  • AE插件Panopticum Fire 3.0制作长明灯

    AfterEffects的插件Panopticum Fire 3.0具有非常丰富的火焰类型,可以表现为木柴上燃烧的烈火,也可以是柔和的烛光.火焰的尺寸大小可以和屏幕一样大,也可以做得很小,火焰燃烧时候 ...

  • axure7.0快捷键有哪些

    使用快进键的好处是 让你用更短的时间更高效的去使用一个软件工具，其实你要是对一个工具软件的快捷键使用的得心应手，那感觉他不再是一个工具而是你的一双巧手，在电脑代码的世界里书写一个个美丽的传奇，让设计变 ...

  • excel怎么制作分级菜单呢?

    今天给大家演示下EXCEL制作分级菜单的方法.最终效果如图,实现通过下拉菜单选择内容,限制其它内容输入,好了,下面我们来看看吧. 1.通过同时按 win+r 或右键方式 启动 excel,创建一个新的 ...

  • Excel怎么制作下拉列表菜单

    Excel怎么制作下拉列表菜单

    Excel是现在十分常用的办公软件之一,有些新用户不知道怎么制作下拉列表菜单,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,打开电脑中的Excel文档.2. 第二步 ...

  • 利用SPSS19.0制作箱线图

    利用SPSS19.0制作箱线图,能够直观的展示数据的各种特征,无论在写文章时还是做数据处理时,都起到不可或缺的巨大作用.因此能够做好一幅好的箱线图,能对学术道路起到很大帮助,今天小编为大家展示制作箱线 ...

  • 如何利用搜狐快站在微信公众号上制作个性菜单？

    其实有一些方便快捷的途径,下面,我来教大家如何提高app消息推送送达数和点击率如何在微信公众号上制作个性菜单. 操作方法 01 登录 搜-狐-快-站 ,用微信登录更方便,然后建立站点并认证,在编辑器中 ...