动态面板应用（二）

一、制作方法
1）在网页和 APP 中，我们在首页的位置经常可以看到滚动展示的轮播推广图，只需将多个图，重叠放在一起，顺序显示即可。

1. 从元件库拖拽出 3 个矩形，分别命名 1、2、3。
   
2. 选择矩形 1，右键将其转换为动态面板。
   
3. 为动态面板添加 2 个新的状态。
   
4. 把矩形 2 放在动态面板状态 2，坐标左上角 0.0 点。
5. 把矩形 3 放在动态面板状态 3，坐标左上角 0.0 点。
   
   
6. 预览时，页面中的矩形 1、2、3 将顺序线性显示。
7. 我们也可以利用此面板制作移动端中，手指左右滑动进行切换 banner 的原型图。
   此处从【步骤 5】开始。
8. 鼠标选择动态面板，给其添加命令
   
9. 鼠标双击向左拖动结束时，打开用例编辑窗口。
10. 选择设置面板状态——勾选动态面板——选择状态：next——勾选：向后循环——进入动画 / 退出动画：向左滑动。（注意，此处禁止勾选循环间隔和首个状态延时）
    
11. 鼠标双击向左拖动结束时，打开用例编辑窗口。
12. 选择设置面板状态——勾选动态面板——选择状态：next——勾选：向后循环——进入动画 / 退出动画：向左滑动。（注意，此处禁止勾选循环间隔和首个状态延时）
    
13. 继续制作向右的操 作效果，选择动态面板，鼠标双击向右拖动结束时，打开用例编辑窗口。
14. 选择设置面板状态——勾选动态面板——选择状态：previous——勾选：向前循环——进入动画 / 退出动画：向右滑动。（注意，此处禁止勾选循环间隔和首个状态延时）
    
15. 此时预览后，可利用鼠标，模拟操控手机左右滑动屏幕，图片切换的效果。