一.概述
主要介绍动态面板的基本用法,通过动态面板快速制作下拉菜单效果。菜单的常见应用场景分为以下两种:
1.根据需要收缩和展开菜单:每次点击某个一级菜单,都可以展开这个菜单,其他菜单不受影响。不需要时,再次点按“缩小”以缩小菜单。
2.一次只展开一个菜单:每次点击某个一级菜单,这个菜单展开时其他菜单会自动收缩。
第二,制作动态面板
在画布区域选择一个动态面板,名为Menu1,主要用于展示上面结束的第一个使用场景。
然后在这个动态面板上添加三个动态面板,分别命名为Menu1、Menu2、Menu3。作为三个独立的一级菜单。然后将两种状态分别添加到三个动态面板中,
1.收缩:作为一级菜单。
2.展开:作为二级菜单。
第二,设置互动事件
然后基于Menu1动态面板添加OnClick事件,选择设置面板状态进行动态设置。请注意【需要选择推/拉小部件及以下,意味着当你点击一级菜单时,二级菜单会被推/拉出来】等等。
分别添加动态面板Menu2和Menu3的交互事件。
三。设置动态面板的自适应属性
这个设置非常重要。设置后,动态面板状态下的内容会自动改变。
四、同样的方法可以制作第二个场景。
最后的效果是:
请大家帮忙转发,关注一下。我会不断更新,力争开发60套交互,让你每天只学一套交互就能成为Axure高手,并附有Axure源文件。有问题请私信我。谢谢你的支持。
暂无讨论,说说你的看法吧