axure_1复习4
1.动态面板-轮播图
- 图标有三个层:黑色灰色和蓝色,通过action(动作)控制具体展示哪个状态;
- 可以理解为多层页面放到一起;
- 拖动一个动态面板D1进来,双击会弹出状态管理。添加3个状态;
- 点击1个状态,会弹出状态1的界面。拖动1个矩形放进banner1;以此类推编辑状态2和状态3;
- 加入三个圆形当成按钮b1 b2 b3;
- 设置按钮-鼠标单击时-跳转到第n个状态;但此时切换很硬不平滑。
- 方案1
2号加入滑动效果,进入动画,向左滑动,时间xxx毫秒 - 方案2
加入左右两个矩形,上一张下一张。右箭头 鼠标单击时 选择状态为next。
向后循环:1→2→3→1。不选中最后不会回1。
进阶:自动轮播
- 右侧属性-交互-页面载入时-设置状态-next-向后循环-2000毫秒-首个状态延时xx秒切换
- 向左滑动动画。
- 如果点击,已经不是页面载入时了,就不会【自动】轮播了。
- 如何解决? 把自动轮播事件复制一份,放到一个case里。
进阶:拖动轮播图
1.直接把交互加到动态面板里。向左拖动结束时,下一条+自动轮播。
2.axure ap9做动态面板轮播图
- 新建页面,拽动态面板;
- 双击动态面板,顶部添加三个状态;
- 第