003、表格菜单和树形菜单

今天我们一起了解了解表格菜单和树形菜单

01表格菜单

表格菜单分为水平表格菜单和垂直表格菜单。

水平表格菜单，常用于网页导航。如优设网，鼠标移入“网址导航”标签时，下方显示出更多的菜单选项。Axure的表格菜单就可以做到这样的效果。

image

优设网的导航菜单

基是水平表格菜单可添加同级菜单也可添加子级菜单，如下图右下角红色矩形框里的操作依次为：在前方添加菜单、在后方添加菜单、删除当前选中菜单（会同时删除该菜单下的子级菜单）、添加子级菜单。

image

截图自Axure8.0

垂直表格菜单用法和水平菜单一致，但常用于后台系统的左侧边菜单导航。

02、树形菜单

树形菜单，就像倒过来的树，常用于组织结构、分类层级的展示。

树形菜单可自定义节点前的图标，默认是三角形，Axure提供+/-和三角形两种图标。

和表格菜单类似，可在前方或后方增加节点、可增加子节点、也可删除节点。

比表格菜单强大的地方是：可自由变动节点的层级。参见下图的右下角红色矩形框中的箭头指示。

image.png

表格菜单和树形菜单介绍到这就结束了。大家可打开Axure自己尝试。

来个硬广，作者自己整理的一套适用于移动端的元件库，有需要的同学可以前往看看。
灰色元件库链接地址：
https://www.axureshop.com/a/45563.html
橘黄元件库链接地址：
https://www.axureshop.com/a/352.html

文章来自微信公众号“木目原型”

微信ID：mumuaxure