大屏使用技巧——大屏实现移动/缩小的自动滚动，并悬停暂停动画

实现功能

    对所选区域实现移动/缩小的自动滚动（根据实际需求调整，下面以移动举例），并在鼠标放置上的时候暂停动画，鼠标移出的时候开启动画。

实现思路

    自动移动效果：在动态面板里添加需要移动的组件，通过选项卡的自动轮播及事件的触发操作，实现动态面板里的组件移动。

    移入移出悬停效果：通过在动态面板上添加一层透明的形状组件，触发移入移出回调及事件，实现悬停效果。

实现步骤

1. 1.创建一个动态面板，在动态面板里添加需要移动的组件等（动态面板添加如下图走左），并使所有组件添加成组（方便后续动画操作，成组方法如下图右）
2.                            
   
3. 
   
4. 2.自动移动功能。新建一个选项卡，通过选项卡的自动轮播，在选项卡的自定义事件里添加对应操作，实现动态面板里的组件移动。
5.         图一：自动轮播，间隔时长根据具体要求修改；点击停留，后续悬停后重新开启轮播的时长。
   
6.         图二：回调发送，动作为状态改变。后续形状组件接受此回调，用于控制悬停事件        
7.         图三、图四：事件添加，动作为状态改变。组件选择动态面板里面的组（需要移动的组件），事件一为初始状态和轮播结束一圈后的状态，动作根据实际需求添加，这里添加的是移动动作，初始位置都是0。添加条件（图四），选项卡为第一项时的条件。
8.            回调参数
   
9.                                                                                                        
10. 3.增加悬停功能。新增一形状组件，设置填充颜色透明度为0（图二），调整大小位置，使之完全覆盖动态面板。添加过滤器接受悬停前选项卡的回调（图二）。添加鼠标移入事件，选项卡组件隐藏（隐藏卸载需选中），关闭轮播效果（图三）。添加鼠标移出事件，动作一： 选项卡组件显示（隐藏卸载需选中） ， 开启动画轮播（图四，动画开启时间为步骤二，设置的点击停留时间）；动作二（图五）：设置选项卡选中项，完成连续动画。（参数 return data，为过滤器中返回的参数（过滤器接受的选项卡未关闭前发送的回调s））
11.             
12.                            
13.     

demo示例

   见附件