Axure 8怎么设计三级折叠菜单?

整体效果: 菜单可以逐级打开, 当合上某一级菜单时,相应二级菜单下的所有三级菜单一起合上。

1、整个菜单为一个元素组合。定义每个一级菜单为一个组合。这样设置元素移动时,可以选择一个组合,组合内所有元素都一起移动。

2、制作菜单过程中, 所有的动态面板设置成自动调整为内容尺寸”。

3、第一级菜单的折叠,取决于第二层菜单所在动态面板的显示和隐藏。当二级菜单的动态面板显示时,设置当前菜单下面的所有菜单进行移动,移动幅度取决于二级菜单的高度。当二级菜单的动态面板隐藏时,设置当前菜单下面所有菜单进行反向移动,移动幅度取决于二级菜单的高度。并且同时隐藏所有的三级菜单的动态面板。

4、二级菜单和三级菜单的联动,只需要设置点击二级菜单的显示/隐藏三级菜单动态面板的动作即可。

5、三级菜单的显示和隐藏依然需要联动一级菜单的位置。(这时,如果把一级菜单都做成组合,就不必管各菜单的下级菜单是否有变化(因为都在一个组合内),设定组合位移就可以了。位移取决于三级菜单的高度)。

(0)

相关推荐

  • Axure 8中如何设计三级折叠菜单

    Axure 8中如何设计三级折叠菜单

  • Axure RP怎么设计一款导航菜单?

    Axure RP中想要设计一个导航菜单,该怎么设计呢?下面我们就来看看详细的制作过程. 一.前期准备 1.打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑器里有对齐,字体选项,将 ...

  • Axure RP 8设计网页原型怎么添加水平菜单?

    Axure RP 8设计软件可以设置水平菜单和垂直菜单,利用自带的控件制作菜单.下面讲述使用组件制作菜单 1.打开Axure RP 8 软件,默认创建一个有“Home”目录下的三个字页面,如下图所示: ...

  • Axure RP8怎么设计美轮美奂的椭圆矩形框?

    利用Axure RP 8设计软件实现以下场景:椭圆角矩形.绿色填充,有阴影和文字加粗. 操作如下: 1.打开Axure RP 8设计软件,在基本元件中找到“矩形3”,拖曳一个到画布上,如下图所示: 2 ...

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

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

  • 如何利用Axure RP 8设计软件的文件元件进行旋转

    Axure RP 8设计软件的元件库中有Flow元件,其中有文件元件,它是带有一角是转角的矩形框.文件元件可以进行水平旋转,也可以进行垂直旋转.下面利用一个实例说明文件元件进行旋转,操作如下: 操作方 ...

  • 如何利用Axure RP 8设计软件设置三个重叠图形

    Axure RP 8设计软件中的椭圆形可以改变形状,利用多个椭圆形可以实现不同的设计原型图形.可以利用合并.去除.相交和排除操作,实现不同形状的图形,下面利用一个实例说明,操作如下: 操作方法 01 ...

  • 如何利用Axure RP 8设计出模拟播放器模型

    Axure RP 8是设计一款软件模型的工具,可以按照用户的需求设计出软件原型.利用基本元素设计出播放器模型图,图标和图片结合使用.下面利用一个实例说明实现这个播放器的过程,操作如下: 操作方法 01 ...

  • Axure7.0制作折叠菜单

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