對新手產品經理來說，當你看到年長產品經理的原型，輪播圖會動，你就覺的很神奇呢？是不是有一種想學習的衝動。那麼今天我就教大家如何用好axure做出動態的輪播圖效果。
這種動態效果主要是通過動態面板來實現完成的。學習的時候主要是清楚動態面板和交互效果的運用，就可以很輕鬆的學會這個輪播圖的交互。
第一個元件：
第一步取出元件：選擇的是動態面板。
第二步放入頁面中：需要放入你想要展示的位置。
第三步命名：命名是為了更好的使用動態面板，一定要養成命名的習慣，好的命名方式回讓你事半功倍。
第四步設置動態面板狀態：展示多少個輪播圖設置多少個狀態，命名已圖1-圖4這樣的方式，放入不同的內容。
第二個元件：
第一步取出圓形元件：這個主要是做按鈕使用。
第二步調整長寬高：保證它是圓形圖樣。
第三步命名：這裡四個圓形都要命名。
第四步調整邊框顏色：調整邊框顏色為白色。
第五步調整圓形的填充色：設置為灰色能更好的看出交互效果。
為按鈕做交互樣式：選中交互樣式，選擇交互樣式為選中，填充顏色為白色。
在為四個按鈕逐一設置為“設置選項組”。
以上的都是比較簡單的設置。最重要的是接下來的交互判斷，請大家務必記清楚。
選中按鈕1，交互為鼠標點擊。選中動作，第一不設置選中當前元件為true時。設置面板狀態“輪播圖”為圖1進入動畫向左滑動、退出動畫向左滑動。再次設置動態面板輪播圖為停止循環狀態，且設置等待5000毫秒後，再設置動態面板next進入動畫向左滑動、退出動畫向左滑動。按以上的設置方案，逐一對四個按鈕的進行設置。
大家是不是認為這樣就可以自動輪播呢？以上只是按鈕控制輪播。還要對動態面板進行控制。接下來講下動態明白的自動輪播控制。
選中動態面板，做第一個交互：狀態改變時。
編輯條件，動態面板=狀態圖1，那麼設置選中狀態按鈕1為true。對四個動態面板都做同樣的設置即可。
設置當前元件左拖動結束時。選中狀態為next，進入動畫向左滑動、退出動畫向左滑動。
設置當前元件右拖動結束時。選中狀態為next，進入動畫向右滑動、退出動畫向右滑動。
最後一項一定要設置，當進入頁面之後就自動動起來。
選中屬性為載入時，設置等待為200毫米，輪播圖為選中狀態為next，選中向後循環，循環間隔2000毫秒（默認值是500，未設置，這個輪播圖就比較快。需要調整下這個循環間隔時間）進入動畫向右滑動、退出動畫向右滑動。
以上的步驟完成之後，你就可以大膽的運行下預覽。這個時候，你會看到下面的結果。
不知道你學會了嗎？
如有圖片看不清楚的可以點擊這個鏈接查看高清圖片：
http://note.youdao.com/noteshare?id=05ce4bbd009aba901f101449f61373e7
閱讀更多 會做菜的產品經理 的文章
