單是簡單的滑動效果很簡單，但要做到逼真的效果，還是要注意一些細節，比如滑動時超過了臨界點該做怎么樣的交互等?，F在教大家怎么弄，教程后面會放上需注意的細節總結

1、首先創建所需要的元器件：（括號里注明元器件的坐標與大小）

元器件取名如下：

1）頭部菜單  （矩形          x:0    y:0    w:260   h:35）

2）內容         （動態面板   x:0    y:39   w:278   h:369）

3）底部菜單   （矩形         x:0    y:370  w:260  h:35)

其實對括號里的屬性是不強制規定的，但剛開始，建議可以先跟以上數據進行設置。

2、在第一步的“內容”動態面板中再一個動態面板。拖動面板     （動態面板  x:0   y:0  w:260   y:673），在拖動面板中放入你要顯示的屏幕內容，這個隨便放幾張圖片就好。懶得畫圖，這里我就放幾個矩形了

3、選擇“內容”動動態面板，設置以下交互事件，拖動動態面板時  ，添加交互事件如圖所示：

注意，是選中“內容”面板 ，   拖動的是“拖動面板”面板

4、再次選擇“內容”動動態面板，設置以下交互事件。束拖放動態面板時，添加交互事件如圖所示：

5、再次選擇“內容”動動態面板，設置以下交互事件。結束拖放動態面板時，添加交互事件如圖所示：

6、保存運行看下效果吧