Axure三级多选树教程(axure多级树状菜单)优质

扫码添加渲大师小管家，免费领取渲染插件、素材、模型、教程合集大礼包！

在我们日常工作中使用软件时会遇到各种各样的问题。今天小编来分享一下“Axure三级多选树教程”小伙伴要仔细看哦。希望这个教程能帮助到各位小伙伴！

工具/软件

硬件型号：小新Pro14

系统版本：Windows7

所需软件：Axure RP

方法/步骤

第1步

添加中继器:

在中继器里放入下拉符号和多选框

第2步

设置中继器：

type：分1。2。3三个级别。1表示一级（如广东省）。2表示二级（如广东省—广州市）。3表示（广东省-广州市-海珠区）。

memu1：表示第一级菜单

memu2：表示第二级菜单

memu3：表示第三级菜单

xiala：1表示有下拉符号。0表示没有下拉符号

see：1表示可见。0表示隐藏

xuan：下拉符号的方向。0向右。1向下

xuanzhong：1表示选择。0表示未选中

第3步

设置中继器载入时交互事件

添加筛选[[Item.see=='1']]：筛选出see为1（可见）的行

第4步

设置中继器每项加载时交互事件

1。设置多选框文本和位置

如果是一级菜单。设置多选框文字=memu1

如果是二级菜单。设置多选框文字=memu2。并且移动下拉符号和多选框组合向右移动20

如果是三级菜单。设置多选框文字=memu3。并且移动下拉符号和多选框组合向右移动40

2。设置下拉符号

如果xiala=0。隐藏下拉符号。

如果xuan=0。下拉符号向右。表示收起下级菜单

如果xuan=1。下拉符号向上。表示打开下级菜单

3。设置选中

如果xuanzhong=1。选中该行多选框。

第5步

设置下拉符号鼠标单击时事件

1。如果xuan=0。更新行this。列xuan=1。设置文本1级文本标签=memu1。2级文本标签=memu2。出发鼠标单击展开按钮。

2。如果xuan=1。更新行this。列xuan=0。设置文本1级文本标签=memu1。2级文本标签=memu2。出发鼠标单击收起按钮。

第6步

设置展开按钮鼠标单击时事件

1。如果2级文本标签为空。更新行条件[[Item.type=='2'&&Item.memu1==a]]。更新see=1

2。如果2级文本不为空。更新行条件。[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]]。更新see=0

第7步

设置收起按钮鼠标单击时事件

1。如果2级文本标签为空。更新行条件[[Item.type!='1'&&Item.memu1==a]]。更新see=0。xuan=0

2。如果2级文本不为空。更新行条件。[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]]。更新see=0

第8步

设置多选框事件

1。选中时。更新行this。列选中=1。设置文本1级文本标签=memu1。2级文本标签=memu2。type文本标签=type。触发鼠标单击选中按钮的事件。

2.取消选中时。更新行this。列选中=0。设置文本1级文本标签=memu1。2级文本标签=memu2。type文本标签=type。触发鼠标单击取消选中按钮的事件。

第9步

设置选中按钮鼠标单击时事件

1。如果type文本标签=1。更新行条件[[Item.memu1==a]]。更新xuanzhong=1。

2。如果type文本标签=2。更新行条件[[Item.memu1==a&&Item.memu2==b]]。更新xuanzhong=1。

第10步

设置取消选中按钮鼠标单击时事件

1。如果type文本标签=1。更新行条件[[Item.memu1==a]]。更新xuanzhong=0。

2。如果type文本标签=2。更新行条件[[Item.memu1==a&&Item.memu2==b]]。更新xuanzhong=0。更新行条件[[Item.memu1==a&&Item.memu2==''&&Item.memu3=='']]。更新xuanzhong=0

3。如果type文本标签=3。更新行条件[[Item.memu1==a&&Item.memu2==b&&Item.memu3=='']]。更新xuanzhong=0。更新行条件[[[Item.memu1==a&&Item.memu2==''&&Item.memu3=='']]。更新xuanzhong=0

第11步

取消选中按钮。选中按钮。收起按钮。展开按钮。1级文本标签。2级文本标签。type文本标签设置为隐藏。

以上关于“Axure三级多选树教程(axure多级树状菜单)”的内容小渲今天就介绍到这里。希望这篇文章能够帮助到小伙伴们解决问题。如果觉得教程不详细的话。可以在本站搜索相关的教程学习哦！

以上是由资深渲染大师 小渲 整理编辑的，如果觉得对你有帮助，可以收藏或分享给身边的人