Axure中如何用动态面板实现三级菜单

 时间:2024-11-01 10:34:32

1、第一步,我们先放入菜单的相关元件,这里我使用的是矩形。

Axure中如何用动态面板实现三级菜单

3、把这个新出现的动态面板命名为“3”;并且,再次点击鼠标右键或者在快捷功能区中,把这个动态面板【设为隐藏】。

Axure中如何用动态面板实现三级菜单

5、我们把二级菜单和三级菜单全选,同样点击鼠标右键,选择【转换为动态面板】的选项。

Axure中如何用动态面板实现三级菜单

7、双击动态面板“4”,再双击第一个状态“State1”,继续为二级菜单元件的【鼠标单击时】添加动作。我们先添加【隐藏】外层动态面板“4”的动作,并且勾选【拉动元件】的选项。

Axure中如何用动态面板实现三级菜单

9、把做好的二级菜单和三级菜单一起选中,根据需求复制几份摆放好。ps:复制时,不要单独复制二级菜单和三级菜单,必须二级菜单和三级菜单一起复制,这样交互的对应关系才会继续有效。

Axure中如何用动态面板实现三级菜单

10、为一级菜单添加【鼠标单击时】的用例,设置动作【切换可见性】,勾选动态面板“4”,同时在设置中勾选【推动/拉动元件】。添加了这个交互之后,点击一级菜单时,就能点一下显示二级菜单,再点一下隐藏二级菜单。

Axure中如何用动态面板实现三级菜单

12、通过以上步骤,就完成了三级菜单的制作。

  • Axure:如何文本框输入内容删除键?
  • Axure添加输入框教程
  • 教大家使用Axure制作纵向标签页效果
  • Axure矩形当前窗口添加重新加载当前页面动作
  • AxureRP如何制作带图标文字提示的文本框
  • 热门搜索
    希腊旅游攻略 国内旅游推荐 合肥旅游攻略 旅游意外险 东戴河旅游攻略 旅游市场营销 三亚旅游攻略自由行 濮阳旅游 景德镇旅游攻略 象山旅游