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

添加一張圖片和一個(gè) Button Shape

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

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

1 下載和解壓

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

2 添加部件

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

3 選擇圖片

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

4 點(diǎn)擊打開

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

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

5 在按鈕上編輯文本

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

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

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

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

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

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

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

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

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

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

輕輕雙擊標(biāo)注三個(gè)狀態(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è)計(jì)區(qū)域。

2 輸入圖像

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

3 點(diǎn)擊打開

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

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

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

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

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

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

1 選擇 Next 按鈕

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

2 添加一個(gè) Case 到 OnClick

雙擊 OnClick 事件為 Button Shape 添加一個(gè)案件。

3 添加動(dòng)作

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

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

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

5 點(diǎn)擊 OK

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

預(yù)覽原型

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