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

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

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

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

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

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

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

6、将三个动态模板折叠起来

7、发布预览效果即可

注意事项：

每个动态模板都要进行勾选“调整大小以适应内容”，否则有可能出现动态模板重叠的现象。

相关软件：

赞 (0)

相关推荐

  • Axure7.0制作折叠菜单

    设计产品原型时,利用Axure7.0工具制作折叠菜单效果 操作方法 01 拖曳三个动态模板到空白页上,分别命名为"tem1","tem2","tem3 ...

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

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

  • axure rp 8.0怎么制作幻灯片效果的网页原型?

    axure rp 是一个专业.高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高.幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详 ...

  • axure7.0快捷键有哪些

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

  • PPT怎么制作折叠字效果

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

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

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

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

    Excel怎么制作下拉列表菜单

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

  • proe5.0动画制作教程

    随着时代的发展和科技的进步,越来越多的国产动画给人留下深刻的印象,其实动画的制作非常不易,那么用proe5.0如何制作动画呢? 操作方法 01 1.首先要将已经装配完成的装配图导入到proe5.0当中 ...

  • C++中如何使用VC++6.0进入制作计算器页面

    面向对象编程技术是计算机专业的一门重要课程,而在面向对象编程技术中制作计算器又是必须知道的课内设计,下面我就将介绍一下在C++中如何使用VC++6.0进入制作计算器页面.注意若win8与VC++6.0 ...