使用“動態(tài)面板”創(chuàng)建一個簡單的圖像旋轉(zhuǎn)。首先將圖像小部件放置在每個面板的狀態(tài)。然后，添加一個交互 Button Shape 使?fàn)顟B(tài)能夠生動起來。

添加一張圖片和一個 Button Shape

下載“AxureBikePics.zip”并解壓縮文件夾的圖片在你的計算機(jī)上。如果你喜歡你可以用自己的圖像。

http://wiki.jikexueyuan.com/project/axure/images/introducingdynamicpanels1.png" alt="images" />

1 下載和解壓

下載 AxureBikePics.zip 并解壓文件夾到你的計算機(jī)上。

2 添加部件

拖放一個圖像部件和一個 Button Shape 部件到設(shè)計區(qū)域如圖所示。s

3 選擇圖片

雙擊圖像部件選擇第一張圖片 BlueBike1。

4 點(diǎn)擊打開

點(diǎn)擊“打開”使用圖片。

當(dāng)詢問是否自動調(diào)整大小時，點(diǎn)擊“是”。

5 在按鈕上編輯文本

在 Button Shape 上編輯文本讀作 Next。

轉(zhuǎn)換到動態(tài)面板和添加狀態(tài)

http://wiki.jikexueyuan.com/project/axure/images/introducingdynamicpanels2.png" alt="images" />

1 轉(zhuǎn)換為動態(tài)面板

右鍵單擊圖像部件并選擇“轉(zhuǎn)換為動態(tài)面板”。

2 命名動態(tài)面板

命名新的動態(tài)面板為 DynamicPanel。

3 復(fù)制第一個狀態(tài)

在“部件管理器”窗口，選擇 State1 并點(diǎn)擊“復(fù)制狀態(tài)”圖標(biāo)兩次。

4 標(biāo)注每個狀態(tài)

輕輕雙擊標(biāo)注三個狀態(tài) BikeLeft，BikeMiddle 和 BikeRight。

為每一種狀態(tài)添加一張圖片

http://wiki.jikexueyuan.com/project/axure/images/introducingdynamicpanels3.png" alt="images" />

1 打開狀態(tài) BikeMiddle

在“部件管理器”窗口雙擊“BikeMiddle”狀態(tài)讓它顯示在設(shè)計區(qū)域。

2 輸入圖像

雙擊圖像部件導(dǎo)入第二張圖像。

3 點(diǎn)擊打開

點(diǎn)擊“打開”使用圖片。

當(dāng)詢問是否自動調(diào)整大小時，點(diǎn)擊“是”。

4 對 BikeRight 重復(fù)上述步驟

重復(fù)步驟1-3將第三張圖片放到 BikeRight 狀態(tài)。

通過點(diǎn)擊 Next 在面板顯示下一個狀態(tài)

http://wiki.jikexueyuan.com/project/axure/images/introducingdynamicpanels4.png" alt="images" />

1 選擇 Next 按鈕

在主頁上選擇“Next” Button Shape 部件。

2 添加一個 Case 到 OnClick

雙擊 OnClick 事件為 Button Shape 添加一個案件。

3 添加動作

在最左邊列表選擇動作“設(shè)置面板狀態(tài)”。

4 指定面板和選項(xiàng)

選擇 DynamicPanel 和如圖所示為動作匹配選項(xiàng)。

5 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕添加動作

預(yù)覽原型

預(yù)覽你的原型。單擊 Next 按鈕推動圖像。當(dāng)你到達(dá)第三張圖片時它將繞回第一張圖片。