axure_1复习4

axure_1复习4

1.动态面板-轮播图

1. 图标有三个层：黑色灰色和蓝色，通过action（动作）控制具体展示哪个状态；
2. 可以理解为多层页面放到一起；
3. 拖动一个动态面板D1进来，双击会弹出状态管理。添加3个状态；
4. 点击1个状态，会弹出状态1的界面。拖动1个矩形放进banner1；以此类推编辑状态2和状态3；
5. 加入三个圆形当成按钮b1 b2 b3；
6. 设置按钮-鼠标单击时-跳转到第n个状态；但此时切换很硬不平滑。
7. 方案1
   2号加入滑动效果，进入动画，向左滑动，时间xxx毫秒
8. 方案2
   加入左右两个矩形，上一张下一张。右箭头 鼠标单击时 选择状态为next。
   向后循环：1→2→3→1。不选中最后不会回1。

进阶：自动轮播

1. 右侧属性-交互-页面载入时-设置状态-next-向后循环-2000毫秒-首个状态延时xx秒切换
2. 向左滑动动画。
3. 如果点击，已经不是页面载入时了，就不会【自动】轮播了。
4. 如何解决？ 把自动轮播事件复制一份，放到一个case里。

进阶：拖动轮播图
1.直接把交互加到动态面板里。向左拖动结束时，下一条+自动轮播。

2.axure ap9做动态面板轮播图

1. 新建页面，拽动态面板；
2. 双击动态面板，顶部添加三个状态；
3. 第一个状态，放置矩形进来，第二第三同理；
4. 加入三个按钮，新建交互，单击时设置面板状态，状态跳转到2面板，依次同理；
5. 向后循环；
6. 加入向左拖动效果与向右拖动效果；
7. 如果加边界热键点击切换，可以给一定透明度。