axure多(三)级菜单制作方法:怎么制作多选树效果?

2019-11-0611:46:06原型设计Comments4,242 views字数 1549阅读模式

axure怎么制作多选树效果?axure制作玩野原型的时候,想要制作多选树效果,该怎么制作多级菜单呢?下面我们就来看看axure三级菜单的制作方法,需要的朋友可以参考下文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure中用一个中继器实现多选树的效果。比如多级菜单,该怎么制作呢?下面我们就来看看axure制作三级菜单的教程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

1、添加中继器:在中继器里放入下拉符号和多选框文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

2、设置中继器:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

type:分1、2、3三个级别,1表示一级(如广东省),2表示二级(如广东省—广州市),3表示(广东省-广州市-海珠区)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

memu1:表示第一级菜单文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

memu2:表示第二级菜单文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

memu3:表示第三级菜单文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

xiala:1表示有下拉符号,0表示没有下拉符号文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

see:1表示可见,0表示隐藏文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

xuan:下拉符号的方向,0向右,1向下文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

xuanzhong:1表示选择,0表示未选中文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

3、设置中继器载入时交互事件。添加筛选[['1']]:筛选出see为1(可见)的行文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

4、设置中继器每项加载时交互事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

1)设置多选框文本和位置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果是一级菜单,设置多选框文字=memu1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果是二级菜单,设置多选框文字=memu2,并且移动下拉符号和多选框组合向右移动20文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果是三级菜单,设置多选框文字=memu3,并且移动下拉符号和多选框组合向右移动40文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

2)设置下拉符号文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果xiala=0,隐藏下拉符号。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果xuan=0,下拉符号向右,表示收起下级菜单文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果xuan=1,下拉符号向上,表示打开下级菜单文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

3)设置选中文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果xuanzhong=1,选中该行多选框。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

5、设置下拉符号鼠标单击时事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果xuan=0,更新行this,列xuan=1。设置文本1级文本标签=memu1,2级文本标签=memu2,出发鼠标单击展开按钮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果xuan=1,更新行this,列xuan=0。设置文本1级文本标签=memu1,2级文本标签=memu2,出发鼠标单击收起按钮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

6、设置展开按钮鼠标单击时事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果2级文本标签为空,更新行条件[['2'&&]],更新see=1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果2级文本不为空。更新行条件,[['3'&&&&Item.memu2==b]],更新see=0文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

7、设置收起按钮鼠标单击时事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果2级文本标签为空,更新行条件[[!='1'&&]],更新see=0,xuan=0文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果2级文本不为空。更新行条件,[['3'&&&&Item.memu2==b]],更新see=0文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

8、设置多选框事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

选中时,更新行this,列选中=1,设置文本1级文本标签=memu1,2级文本标签=memu2,type文本标签=type,触发鼠标单击选中按钮的事件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

取消选中时,更新行this,列选中=0,设置文本1级文本标签=memu1,2级文本标签=memu2,type文本标签=type,触发鼠标单击取消选中按钮的事件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

9、设置选中按钮鼠标单击时事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果type文本标签=1,更新行条件[[]],更新xuanzhong=1。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果type文本标签=2,更新行条件[[&&Item.memu2==b]],更新xuanzhong=1。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

10、设置取消选中按钮鼠标单击时事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果type文本标签=1,更新行条件[[]],更新xuanzhong=0。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果type文本标签=2,更新行条件[[&&Item.memu2==b]],更新xuanzhong=0。更新行条件[[&&Item.memu2==''&&'']],更新xuanzhong=0文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

如果type文本标签=3,更新行条件[[&&Item.memu2==b&&'']],更新xuanzhong=0。更新行条件[[[&&Item.memu2==''&&'']],更新xuanzhong=0文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

axure多(三)级菜单制作方法:怎么制作多选树效果?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

11、取消选中按钮、选中按钮、收起按钮、展开按钮、1级文本标签、2级文本标签、type文本标签设置为隐藏。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/17332.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/17332.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定