使用Axure RP设置树状菜单具体操作流程

最近小编遇见不少的用户询问使用Axure RP 如何设置树状菜单?下文就为你们分享了使用Axure RP设置树状菜单的具体操作流程 。

使用Axure RP设置树状菜单具体操作流程

文章插图
1、打开Axure RP 8软件,在元件库中找到“树状菜单”,拖一个到编辑窗口,如下图所示:
使用Axure RP设置树状菜单具体操作流程

文章插图
2、根据花的种类来给树菜单赋值,花为根节点,花的明细为子节点,如下图所示:
使用Axure RP设置树状菜单具体操作流程

文章插图
3、添加树形菜单根节点鼠标点击事件的用例,设置为展开,如下图所示:
使用Axure RP设置树状菜单具体操作流程

文章插图
4、再给根节点下的子节点设置鼠标单击事件用例,设置子节点点击时文本显示内容,如下图所示:
使用Axure RP设置树状菜单具体操作流程

文章插图
【使用Axure RP设置树状菜单具体操作流程】5、根节点和子节点设置完毕,树节点上出现不同的序号,代表不同用例,如下图所示:
使用Axure RP设置树状菜单具体操作流程

文章插图
6、预览上述原型页面,点击树根节点,可以控制其折叠或展开,如下图所示:
使用Axure RP设置树状菜单具体操作流程

文章插图
按照上文为你们讲述的使用Axure RP设置树状菜单的具体操作流程,你们自己也赶紧去试试吧!

    推荐阅读