养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用Axure RP 8设计树形菜单列表并控制

时间:2024-09-22 07:20:51

AxureRP8原型设计软件的元竭惮蚕斗件库菜单和表格中有个树状菜单,根据这个元件的特性设计出不同类型的菜单。可以着抹较氰控制树形菜单折叠和展开,树形菜单子项可以有不同的事件。下面利用实例说明树形菜单的用法,操作如下:

如何利用Axure RP 8设计树形菜单列表并控制

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤

1、第一步,打开AxureRP8软件,在元件库中找到“树状菜单”,拖一个到编辑窗口,如下图所示:

如何利用Axure RP 8设计树形菜单列表并控制

2、第二步,根据花的种类来给树菜单赋值,花为根节点,花的明细为子节点,如下图所示:

如何利用Axure RP 8设计树形菜单列表并控制

3、第三步,添加树形菜单根节点鼠标点击事件的用例,设置为展开,如下图所示:

如何利用Axure RP 8设计树形菜单列表并控制

4、第四步,再给根节点下的子节点设置鼠标单击事件用例,设置子节点点击时文本显示内容,如下图所示:

如何利用Axure RP 8设计树形菜单列表并控制

5、第五步,根节点和子节点设置完毕,树节点上出现不同的序号,代表不同用例,如下图所示:

如何利用Axure RP 8设计树形菜单列表并控制

6、第六步,预览上述原型页面,点击树根节点,可以控制其折叠或展开,如下图所示:

如何利用Axure RP 8设计树形菜单列表并控制

© 一点知识