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

 时间:2024-10-12 02:08:56

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

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

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

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

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

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

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

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

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

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

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

如何利用Axure RP 8设计树形菜单列表并控制
  • Axure RP 8怎么绘制正方体
  • Axure如何实现新增数据效果--Axure基础教程
  • Axure怎么实现页面载入时元素旋转效果
  • Axure RP8怎样使用复选框元件?
  • axure怎么设置弹框动画?
  • 热门搜索
    建队节手抄报 感恩的手抄报图片 国防手抄报 清明节手抄报内容资料 手抄报插图简笔画 共创文明城市手抄报 珍爱生命手抄报资料 金秋十月手抄报 防灾减灾一等奖手抄报 运动会手抄报资料