树形导航菜单使用场景
树形导航菜单适用于多层级的信息结构，可以提供用户清晰的信息组织和导航方式。以下是一些常见应用场景：
- 网站导航：树形导航可以用于网站的主要导航菜单，将网站内容按照层级进行分类，帮助用户快速浏览和访问不同页面。
- 文件管理系统：在文件管理系统中，树形导航可以显示文件夹和子文件夹之间的层次关系，方便用户浏览和管理文件。
- 产品分类：电子商务网站或在线商店通常有大量的产品分类和子分类。树形导航可以提供清晰的产品分类结构，使用户能够迅速找到所需的产品。
- 组织架构展示：在展示一个组织机构的层级结构时，树形导航可以显示各个部门、团队和成员之间的关系，帮助用户了解组织的结构和人员分布。
- 目录浏览：对于包含大量内容的网站或应用程序，树形导航可以提供目录结构的浏览方式，使用户可以深入了解和浏览各个层级的内容。
本文主要介绍使用Axure动态面板设计网站导航树形导航菜单,效果如下：
01
一
元件准备
添加1个矩形框元件，导航图标和箭头图标并行组合，矩形框设置鼠标悬停样式。
选中组合元件优先创建为动态面板，命名“收起”
复制收起命名为“展开”。旋转箭头图标，并添加多个“二级菜单”矩形框
“二级菜单”设置好悬停和选中样式，并设置选项组“菜单”
02
一
设置交互
选中导航动态面板“收起”，设置“一级菜单”组合交互
单击时：
设置 动态面板 状态
目标：当前动态面板
状态：展开
设置更多选项
勾选 展开/收起原件，并选中 下方
选中导航动态面板“展开”，设置“一级菜单”组合交互
单击时：
设置 动态面板 状态
目标：当前动态面板
状态：收起
设置更多选项
勾选 展开/收起原件，并选中 下方
设置“二级菜单” 交互
单击时：
设置 设置选中
目标：当前元件
设置值：真
复制多个导航菜单动态面板并上下排列即可。（可设置第一个导航菜单动态面板默认为展开）
预览效果可点击上方【 Axmax组件库 - 导航 - 菜单组件】进行查看，欢迎下载学习交流
本文由Axmax原创，如有任何疑问或想了解更多Axure设计，欢迎添加Axmax小助手进群交流
