axure商城

【Axure中继器】利用中继器简单实现无限级别的树形菜单功能

本文适合有一定 Axure 基础的读者阅读!

一、先看效果:

二、解决思路:

1、素材:一个中继器就够

中继器里放如下组建:Label \ Box \ Icon(箭头)

如图:

2、通过展开或者收缩时,设置某些数据显示或者隐藏即可;

3、中继器的内容设置需要有一定的要求:

a.每行的数据需要体现父子的关系;

如图:

 

字段说明:

type:菜单的级别:1表示一级菜单;2表示二级菜单….以此类推;

ID:菜单的ID,请按规律设置;

PID:菜单的父级ID,体现上下级的关系;

hasson:是否有子菜单,1:有;0:无,这个主要用来显示图标的

name:菜单名称;

eye:是否可见;1:可见;0:不可见;通过这个来实现菜单的折叠还是展开;

xuan:表示图标是否需要旋转,1:要,0:不要;

sel:辅助用,可以不要;

url:链接:有值的时候,点击菜单,可以打开链接;

4、添加交互后,就可以实现了。

三、交互如下:

1、中继器加载的时候:

       2、中继器每项加载时,交互如下:

3、菜单点击时,交互如下:

 

给TA打赏
共{{data.count}}人
人已打赏
产品经理高级教程

作为音乐白痴,我在 Axure 上“弹”起了钢琴

2023-4-13 9:09:42

高级教程

Axure RP 9.0画布回到原点功能失效的解决办法

2023-4-25 11:44:09

axure商城
9 条回复 A文章作者 M管理员
  1. 咸鱼404

    感谢分享 花了两个小时终于看懂全部条件及函数的意义 学会了

    • 深南大道

      恭喜你😁 同样的逻辑,可以运用在表格的折叠行上面。

  2. Kk

    只是截图出来看起来挺费劲的,没有文字描述下每个设置是干什么的吗

    • Kk

      交互项是知道的,主要是想知道每一项是干嘛的,比如赋值给按钮,判断是否是父级等等,虽然慢慢的看还是能弄明白,但是挺费劲

    • Kk

      想问一下,第一步的设置里面,不在其他情形里加入设置文字和图片,是怎么做到情形切换时按钮上的文字还在的?我这边点击之后文字和图片就消失了,必须要把if为真的动作在每个情形里面重新设置一遍

    • 深南大道

      需要注意看,所有的条件都不是if. else 的关系,都是独立的if条件。

  3. 黄老师
    黄老师给作者打赏了¥10
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索