axure怎么制作多选树效果? axure多级菜单的制作方法
我要评论axure中用一个中继器实现多选树的效果。比如多级菜单，该怎么制作呢？下面我们就来看看axure制作三级菜单的教程。
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、设置下拉符号鼠标单击时事件
如果xuan=0，更新行this，列xuan=1。设置文本1级文本标签=memu1，2级文本标签=memu2，出发鼠标单击展开按钮。
如果xuan=1，更新行this，列xuan=0。设置文本1级文本标签=memu1，2级文本标签=memu2，出发鼠标单击收起按钮。
6、设置展开按钮鼠标单击时事件
如果2级文本标签为空，更新行条件[[Item.type=='2'&&Item.memu1==a]]，更新see=1
如果2级文本不为空。更新行条件，[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]]，更新see=0
7、设置收起按钮鼠标单击时事件
如果2级文本标签为空，更新行条件[[Item.type!='1'&&Item.memu1==a]]，更新see=0，xuan=0
如果2级文本不为空。更新行条件，[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]]，更新see=0
8、设置多选框事件
选中时，更新行this，列选中=1，设置文本1级文本标签=memu1，2级文本标签=memu2，type文本标签=type，触发鼠标单击选中按钮的事件。
取消选中时，更新行this，列选中=0，设置文本1级文本标签=memu1，2级文本标签=memu2，type文本标签=type，触发鼠标单击取消选中按钮的事件。
9、设置选中按钮鼠标单击时事件
如果type文本标签=1，更新行条件[[Item.memu1==a]]，更新xuanzhong=1。
如果type文本标签=2，更新行条件[[Item.memu1==a&&Item.memu2==b]]，更新xuanzhong=1。
10、设置取消选中按钮鼠标单击时事件
如果type文本标签=1，更新行条件[[Item.memu1==a]]，更新xuanzhong=0。
如果type文本标签=2，更新行条件[[Item.memu1==a&&Item.memu2==b]]，更新xuanzhong=0。更新行条件[[Item.memu1==a&&Item.memu2==''&&Item.memu3=='']]，更新xuanzhong=0
如果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怎么制作计算三角函数正切余切弧度的工具？经常需要计算三角函数，想要制作一个计算三角函数正切与余切弧度的工具，可以使用axure实现，下面我们就来看看详细的教程，2019-10-25
Axure怎么制作英文字母大小写转换器？经常能遇到需要将大写字母转换成小写字母的问题，这时候，我们就可以使用axure制作一个英文字母转换器，下面我们就来看看详细的教程，2019-10-23
Axure项目怎么导入另一个项目的页面？axure制作网站原型的时候，需要导入另一个项目的页面，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-10-18
Axure怎么制作点击弹框效果？Axure制作网页原型的时候，需要制作弹框效果，改怎么制作点击 弹框效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-10-18
axure怎么制作页面标签切换的效果？很多网站都有动态的标签切换的效果，该怎么制作这个效果呢？下面我们就来看看详细的制作过程，需要的朋友可以参考下2019-09-26
Axure图片怎么轮播？Axure中想要制作一个图片轮播效果，该怎么制作图片自动轮播效果呢？下面我们就来看看axure轮播图效果的做法，需要的朋友可以参考下2019-09-11
axure9怎么设置文本框提示文字？axure9设计网页中想要添加文本框设置提示文字，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-09-06
axure中经常用于设计网站网页的原型图，想要设计一款网页的导航菜单，该怎么设计呢？我们首先介绍设计思路，然后进行实例分享，详细请看下文介绍，需要的朋友可以参考下2019-09-05
Axure怎么制作带百分比的投票系统？网站上我们家经常能见到一些投票系统，该怎么创建一个带百分比的投票系统呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-08-06
axure怎么制作各个页面之间自由切换效果？一般网页都有banner位置，用于展示一些东西，都是多张图可以随意切换的，该怎么制作这个效果呢？下面我们就来看看详细的教程，需2019-07-19
最新评论