我們在產品原型設計時，經常需要製作高保真原型，在視覺效果及互動體驗上儘量與最終產品相近，以便向別人展示或者供使用者調研時使用。

移動平臺的互動方式非常豐富，下面就像大家介紹幾種iPhone上常用的互動動作在Axure中的實現方式。

我們首先在Axure中建立一個iPhone的外殼模型作為主模擬介面。白色區域為螢幕顯示區域，大小為320px*480px（iPhone螢幕的1/4大小，方便瀏覽）

推動切換

推動切換經常用於層級轉換時，當點選操作完成後需要切換至下一層級介面時，當前介面向左推出，新介面從右側推入。此操作多用於有層級關係的介面之間的切換。

實現步驟：

1.建立一個動態面板，尺寸320*480，命名為“螢幕”，放置在iPhone框架中的白色區域。此動態面板的作用是將可見內容限制在螢幕顯示範圍內。

2.進入動態面板“螢幕”中，再建立一個動態面板，位置（0,0），尺寸640*480，命名為“推動切換”。此動態面板的作用是控制介面切換的動作。

3.進入動態面板“推動切換”，在有效區域繪製兩個320*480的色塊（給色塊設定不同顏色以方便區分）及按鈕。

4.選中“點選切換”按鈕，為其新增單擊時的互動動作：當單擊該按鈕時，動態面板“推動切換”向左移動320px，即顯示螢幕由左側白色螢幕切換至右側灰色螢幕。

移動位置有兩種方式：（絕對 左：-320 上：0）或者（相對 左：-320 上：0）可以達到同樣的效果。

絕對移動是將動態面板移動到一個固定的座標，相對移動是將動態面板沿左/上移動相應距離。若動態面板移動到一個固定的位置或者可以獲取準確的位置資料，推薦使用絕對移動，因為相對移動較容易出現多次點選會連續移動的bug。二者區別及適用情況需要在互動動作製作過程中多多體會。

動畫中有“揮動”“線性”“緩慢結束”“彈跳”等多種動作方式可供選擇，可根據實際需要進行設定。

5.同理，為“點選返回”按鈕新增互動動作，點選該按鈕後切換回之前的狀態

至此，推動切換效果製作完成.