Axure 中继器制作可收缩的侧边栏--控制子级菜单数量

最近参与的项目中,做前端就成了嘛,但是还得干ui的活,顺带着也担起了需求…9106不是梦!
在这里插入图片描述

画原型的工具是Axure,人呐就是要学会偷懒才行。做侧边栏的时候,被显示隐藏折腾的要脑阔爆裂,于是找来 baidu.com 看有没有简单的法子,还真让我找到了。

参考资料:https://www.axure.com.cn/77269/

重点在于中继器,使用方法上面的参考链接里的已经介绍的非常详细了,但是问题出现在,大多数情况下菜单的子级数量是不同的,所以就研究了下。

效果图

在这里插入图片描述

方法

下面说的设置方法,基于参考链接中的做法,完成链接中的操作后,我们可以继续设置子级菜单的隐藏。

思路: 跟隐藏其他组件一样,我们需要给中继器中的子级一个触发事件,选中一个二级菜单,在右侧面板的更多事件中选择——载入时,并在这里添加条件判断达到隐藏的效果。
在这里插入图片描述
点击添加条件,在条件设立弹框中,第一个参数选择,点击fx去选择值
在这里插入图片描述
在之前的步骤中,表格里设置了一些字段对应一二级菜单项。通过判断字段是否为空,去隐藏当前元件
在这里插入图片描述
删除默认值,使其为空。可以看到下面的条件判断就是我们想要的。
在这里插入图片描述
条件成立时,隐藏当前元件。其他二级菜单同理设置,注意字段的对应就可以了。
在这里插入图片描述
不论多少级菜单,应该都可以实现了。
通过中继器,做原型的一些交互可就快多了。真的是偷懒使人进步呐~
在这里插入图片描述

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值