實現步驟：
1.拖放兩個元件進畫布，一個圖片元件，裏面放置一張手機外形殼圖片，並將其命名爲【手機殼】，一個是動態面板，放在【手機殼上】，並將其命名爲【屏幕】
2.拖放擺放好屏幕State1狀態的內容：屏幕主要由三部分構成
（1）一個動態面板，命名爲【主頁】，置於頂層。（大小等於【屏幕】大小，放在【屏幕】正中間）
（2）一個元件組合，命名爲【菜單】，置於中層；（這個組合主要由一些水平線和一些文本標籤組成，組合高度等於【屏幕】高度，放在【屏幕】的左側）
（3）一條垂直線元件，命名爲【分界線】，置於底層。（高度等於【屏幕】高度，放在【屏幕】正中間）
3.擺放好【主頁】 State1狀態內容：拖放一個大的灰色矩形，一個白色矩形外加一個寫着“主頁”的文本標籤
4.爲【主頁】添加載入時用例
設置OnLoadVariable變量的值爲0
5. 爲【主頁】添加拖動時用例：
用例中添加一個動作，即移動當前元件，移動方式爲水平拖動，無動畫，左側邊界小於等於【菜單】的寬度，大於等於0。
6. 爲【主頁】添加拖動結束時用例：
總共添加4個用例，分別對應向右滑動【主頁】未接觸【分界線】、向右滑動【主頁】接觸【分界線】、向左滑動【主頁】未接觸【分界線】、向左滑動【主頁】接觸【分界線】4種情況
（1）向右滑動“主頁”未接觸“分界線”
條件：當前元件未接觸“分界線”且OnLoadVariable的值爲0
動作：i.相對移動“主頁”，x軸移動距離爲：“菜單”x軸座標+“菜單”寬度-“主頁”x軸座標，y軸移動距離爲：0，動畫爲線性，時 間爲100毫秒。
ii.設置OnLoadVariable的值爲1
（2）向右滑動“主頁”接觸“分界線”
條件：當前元件接觸“分界線”且OnLoadVariable的值爲0
動作：相對移動“主頁”回到拖動前位置，動畫爲線性，時間爲100毫秒。
（3）向左滑動“主頁”未接觸“分界線”
條件：當前元件未接觸“分界線”且OnLoadVariable的值爲1
動作：相對移動“主頁”回到拖動前位置，動畫爲線性，時間爲100毫秒。
（4）向左滑動“主頁”接觸“分界線”
條件：當前元件接觸“分界線”且OnLoadVariable的值爲1
動作：i.相對移動“主頁”，x軸移動距離爲：“菜單”x軸座標-“主頁”x軸座標，y軸移動距離爲：0，動畫爲線性，時間爲100毫秒。
ii.設置OnLoadVariable的值爲0
7.完成，點擊瀏覽一下
原型查看效果地址：https://egq3t0.axshare.com
原型RP文件下載地址：https://download.csdn.net/download/qq_27884377/10789113