實作步驟：
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
想了解更多Axure資訊，趕快下方掃碼加入【Axure修煉手冊】微信公衆号吧！！！