8-1 進階動態版面：旋轉木馬（Carousel）

本節學習目標

• 學習利用 Dynamic Panel 製作旋轉木馬互動

旋轉木馬，是在一定的區塊中透過點擊按鈕、控制輪播多張圖片或其他內容。在 Axure 中，可透過按下按鈕切換不同 Dynamic Panel 的內容來達到此效果。

1. 製作兩個按鈕，例如，箭頭，分別代表切換上一張、下一張並準備三張圖片。將按鈕置放在適當的地方並預留圖片的空間。
2. 將一張圖片轉換成 Dynamic Panel，並另外在其中新增兩層並予以更名。將另外兩張圖片，分別放入其他兩層之中。白色固定的外框，是第一層（前台）的範圍，將圖片移動並貼合白框範圍，之後 Dynamic Panel 放置於原來預留的空間。
3. 若右方箭頭為下一張左方為上一張，根據此定義進行互動設定。選擇右方箭頭，選擇新增新互動，在事件中選擇點選（Click or Tap）接著在結果選擇設定層級（Set Panel State），選擇剛創建的 Dynamic Panel 並在 State 中選擇下一個（Next），勾選 Wrap From Last to First （重複最後至最前），讓其能不停循環。
4. 左方箭頭的互動設定亦是如此，但在 State 中要選擇上一個（Previous），同樣要勾選重複最後至最前，這樣就完成了互動設定。
5. 最後可以開啟預覽來檢視。