axure7.0怎么制作折叠和展开的菜单效果?

Axure RP是互联网行业中产品经理的常用软件，学会它可以快速得画出产品界面的原始样子（交互原型），之后设计师再将其加工，糅合之后便是大家使用软件看到的样子啦。这里来讲下，产品、网页界面中常见的自由折叠和展开效果制作方法，见下方效果图。

Axure RP7.0.2汉化包 20131206版

• 类型：应用其它
• 大小：60MB
• 语言：英文软件
• 时间：2013-12-06

查看详情

从左侧部件库中拖拉2个矩形，按照个人设定的样式，直接用鼠标拖拉调整好；然后复制矩形——选中要复制的内容，按住ctrl键，将光标移至矩形处变成一个双十字箭头（可移动标志）后，按住鼠标往旁边拉动，即复制成功。这里以复制两个后的三个为例。

为便于区分，分别给三个色块填充上不同的颜色，并给六个矩形分别命名，还可分别输入文字加强识别。

将下面的三个内容框矩形设为隐藏：选中要隐藏的部件，点击勾选“hidden”；接着，把绿色部分移到黄色标题栏下面，遮住绿色隐藏部分，粉红色类推，变成图中的左侧堆叠形态。

点击黄标题栏——双击右侧“鼠标点击时”添加用例——选择左侧“显示/隐藏”部件——右侧配置动作中，勾选黄标题栏——可见性中选择“切换”——勾选“推/拉部件”，方向选择“下方”，点击确定（亦可跟随图示按步骤进行）。

接着，对绿标题栏、粉红标题栏进行同样的操作。标题栏设置完成后，点击演示键，即可查看效果。

注意事项：添加用例时，点击的是标题栏部件。而设置显示和隐藏时，勾选的是各标题栏下方的内容框。

相关推荐：

AxureRP 7.0实现天猫登录的详细教程

Axure怎么制作页面滚动时菜单固定在顶部的页面？

最新评论