主要的思路是利用條件判斷，A的範圍接觸到B的範圍時，讓A回到某個位置。
點我查看效果圖-----挺簡單的，內容咋這麼長。。怕你看不清楚，原型連接給你列表彈回案例.rp
-----
用下面這個來舉例，先說下拉彈回，再說底部上拉彈回。
1.紅色的區域呢，是一個動態面板。這個動態面板我給他起名叫做「範圍」，可以把它理解成一個屏幕範圍，讓滑動的內容只在這個區域裡面顯示。如下圖
2.把做好的內容部分放到「範圍」動態面板里，並再次建立一個動態面板。我給它起名叫「內容列表」。如下圖：
3.拉進來一個圖片熱區，我起名叫「頂部擋板」。它的位置與「內容列表」做到頂部對齊。下面紅色的部分是我放置「頂部擋板」的區域。如下圖：
4.好了，然後就是開始做交互的部分。選中「內容列表」，拖動內容列表時讓他僅在Y軸移動。實現最簡單的滑動列表的操作。具體設置如下圖：
5.加入判斷。下拉彈回是在結束拖放動態面板之後完成的，所以先給一個條件判斷。當「內容列表」沒有接觸到「頂部擋板」的時候，內容列表回到我們初始0,0的位置。
這樣下拉彈回就實現了。具體設置如下圖：
如果預覽的時候沒有效果，在結束動態面板的交互中，對著條件右鍵，選擇「切換IF/ELSE IF」
----然後再說一下
底部回彈的功能。1.同樣拉進來一個熱區，我給它起名叫「底部擋板」它的位置要跟「內容列表」重合。（重合的部分不要太大）下圖藍色區域為重合的部分。
2.然後增加判斷。這次的邏輯是，結束拖放動態面板時，當內容列表的範圍未接觸到（剛剛的是接觸到）底部擋板的時候，內容列表回到某個位置。具體設置如下圖：
然後檢查一下是否要切換IF/ELSE IF。
完成。這裡面為了讓體驗更順暢，動畫選擇了滑動，300毫秒。
版本：axure 8.0
原型地址：Untitled Document1.在home頁，建立一個x:0,y:0,w:320,h:568的動態面板。命名為第一個。2.進入「第一個」的state1，添加一些矩形，做成類似微信的界面。如圖一：
3.在「第一個」的state1中建立一個x:0,y:64,w:320,h:1000的動態面板，命名為第二個。4.進入「第二個」動態面板的state1,加入圖片，完成後，如圖二：
5.右擊，將"第二個"動態面板的順序至於底層，使得移動的只是中間內容部分。如圖三:
6.為「第二個」動態面板添加事件。
原理：「第二個」動態面板頂部的坐標y值為64,向下拉時坐標會增大，大於64,已此為判斷條件，一旦大於就把面板移回原來的位置。（註：我把值設為大於70讓面板有一點點下移的空間）
①事件：向下拖動結束時，點擊添加條件，將條件設置為如圖四：
設置動作，如圖五：
②事件：向上拖動結束時，點擊添加條件，將條件設置為如圖六：
原理：可以在"第一個「動態面板的state1中做實驗，將」第二個動態面板「移動到底部，看看此時頂部的坐標，記錄下來，本例中為-432，再往上移動下部就會露出空白，因此設置條件y小於-432時，面板回到原來位置，即y為-432的位置。（註：我把值設為大於70讓面板有一點點上移的空間）
設置動作，如圖七：
③事件：拖動時，動作如圖八：
回彈有相應的動效嗎？沒有的話可以做，要有動效Axure不行。
更新:Axure6.0已經支持回彈等效果
推薦閱讀：
