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

最近参与的项目中,做前端就成了嘛,但是还得干ui的活,顺带着也担起了需求…9106不是梦!
Axure 中继器制作可收缩的侧边栏--控制子级菜单数量_第1张图片

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

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

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

效果图

Axure 中继器制作可收缩的侧边栏--控制子级菜单数量_第2张图片

方法

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

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

你可能感兴趣的:(原型)