最近参与的项目中,做前端就成了嘛,但是还得干ui的活,顺带着也担起了需求…9106不是梦!
画原型的工具是Axure,人呐就是要学会偷懒才行。做侧边栏的时候,被显示隐藏折腾的要脑阔爆裂,于是找来 baidu.com 看有没有简单的法子,还真让我找到了。
参考资料:https://www.axure.com.cn/77269/
重点在于中继器,使用方法上面的参考链接里的已经介绍的非常详细了,但是问题出现在,大多数情况下,菜单的子级数量是不同的,所以就研究了下。
效果图
方法
下面说的设置方法,基于参考链接中的做法,完成链接中的操作后,我们可以继续设置子级菜单的隐藏。
思路: 跟隐藏其他组件一样,我们需要给中继器中的子级一个触发事件,选中一个二级菜单,在右侧面板的更多事件中选择——载入时,并在这里添加条件判断达到隐藏的效果。
点击添加条件,在条件设立弹框中,第一个参数选择值,点击fx去选择值
在之前的步骤中,表格里设置了一些字段对应一二级菜单项。通过判断字段是否为空,去隐藏当前元件
删除默认值,使其为空。可以看到下面的条件判断就是我们想要的。
条件成立时,隐藏当前元件。其他二级菜单同理设置,注意字段的对应就可以了。
不论多少级菜单,应该都可以实现了。
通过中继器,做原型的一些交互可就快多了。真的是偷懒使人进步呐~