如何用axure6.5做出手機側邊欄效果？

最近在學習axure6.5，發現網易新聞里的這種側邊欄效果，自己摸索著做可是總是不行，我還是新手，完全自學，請高手給分步詳細解答一下。謝謝了。

我的做法是：創建一個動態面板為"主頁「。在」主頁「下有3個動態面板，分別是A、B、C。A為主頁，B是左邊欄，C是右邊欄。在A頁面頂部有左右兩個按鈕，點左鍵A頁面向右滑動半幅，顯示B頁面，此時點A頁面的另外半幅任意處返回A頁面。點右鍵A頁面向左滑動，顯示C頁面。現在我卡在了點左右兩個按鍵都可以正確滑動，但就是無法返回到A頁面。

---

先說思路：

題主需要的是側邊欄拉開和收起的動態效果，也就是同一個按鈕要在兩種狀態下完成不同的功能，如何區分兩種狀態（側邊欄打開和收起），Axure提供了全局變數。

解決方案：

1、打開「項目」--&>「全局變數」

2、添加全局變數「isLeftOpen」並設置初始值為0：

3、打開和關閉側邊欄的按鈕上增加滑鼠單擊事件：

完成！按F8看下效果吧~

在打開和關閉的事件中，記得將全局變數的值調整到對應的狀態。我只做了左邊一側的效果，題主要實現兩邊的效果，用一個變數或兩個變數都能實現，可以自己研究研究：）。

最後發一下RP文件和生成好的原型：

在線效果演示：側邊欄效果演示

本地效果演示：側邊欄效果演示.rar

原型文件：側邊欄效果.rp

[注]：原型製作環境：window版 Axure7.0

編輯一下，文件資源換到百度網盤了，原型輸出到AxShare。

---

具體的樓上已經答過，不過樓上的做法應該是通過側邊欄按鈕返回。
如果想點擊任意位置返回的話可以在A上面放兩個隱藏面板(EF)遮罩BC划出後剩餘的A部分上面，側邊欄出現的時候顯示E或者F，EF上添加返回A同時隱藏自己的事件。
爪機回答就不放原型了。

---

補充一個小案例

Axure夜話：Axure手機原型視頻教程之側滑菜單(抽屜導航)

---

推薦閱讀：