滑动效果

拖入矩形至画布中，设置尺寸为375*667（注:iPhone6原型尺寸）

状态栏  w:375px、h:667px

导航栏  w:375px、h:44px

顶部标签栏 w:375px、h:44px

底部标签栏  w:375px、h:49px

具体尺寸根据自己需求：

正式开始操作了：

步骤1：

    拖入一个动态面板至画面中命名为content，设置大小为w:375px、h:510px；坐标位置（0,108）如图所示

步骤2：

    进入动态面板中：再新建一个动态面板命名为slider，设置大小为w:375px、h:732px；坐标位置（0,0）填入内容，如图所示

步骤3：添加用例

       1.拖动时：移动slider  垂直移动

       2.拖动结束时：用例1：if 区域于 slider  未接触  区域于 顶部栏

                                         移动 slider to(0,0) 线性500ms;

                     用例2：Else if 区域于 slider  未接触  区域于 顶部栏

                                         移动 slider to(0,-222) 线性500ms;

                      

                     用例3：Else if 区域于 slider  接触  区域于 顶部栏

                                         移动 slider to(0,-222) 线性500ms;

上下滑动步骤完成 ^_^ 。

左右滑动效果

步骤1：

    拖入一个动态面板至画面中命名为pm，设置大小为w:375px、h:554px；坐标位置（0,64）如图所示

步骤2：

    拖入一个动态面板至画面中命名为hk，设置大小为w:1500px、h:554px；坐标位置（0,0）（连续复制至4个模块）如图所示

步骤3：

     1.向左拖动结束时：移动 hk by(-375,0) 线性 500ms with boundaries:[left >= -1125] 

     1.向右拖动结束时：移动 hk by(375,0) 线性 500ms with boundaries:[right <= 1500] 

左右滑动效果结束。按F5查看效果吧^_^

左右做的有可能不好，希望大神指引下^_^