方寸之地顯示大量圖片

馬震安

我們以3幅圖片輪番演示，用按鈕實現跳轉播放為例來說明。更多圖片的復雜的演示設計按此技術擴展即可（圖1）。

1. 簡單設計播放界面

這個過程主要是圖片播放界面的設計。

打開Axure RP Pro 7.0后，在左邊的“站點地圖”面板右擊，將其余頁面刪除，只保留一個主頁面，并將其重命名為“照片欣賞”。從部件庫將“圖片”部件拖入到這個主頁面中并調整好大小。在圖片部件的屬性窗口點擊“導入”按鈕導入所需圖片，導入時不要自動調整大小（圖2）。

2. 動態面板展現神奇

這個過程就是利用動態面板的各種狀態來輪番顯示圖片。

首先，將添加的圖片部件右擊轉換為動態面板，并將這個動態面板命名為“輪番顯示”。在“部件管理”窗口復制“狀態1”兩次，雙擊復制出的狀態并在窗口中選定相應的圖片部件，利用導入按鈕將所需要的圖片分別導入到兩個新復制的狀態中。可在部件管理窗口雙擊動態面板對動態面板的每個狀態進行重命名（圖3）。

返回到照片欣賞主頁，在動態面板合適位置添加3個形狀按鈕，在“部件屬性和樣式”面板設置每個按鈕的名稱，填充色為藍色，選擇形狀為圓形，選中后的顏色設置為紅色，設置選項組名稱為“狀態點”（第一次需要輸入，以后只需點取）（圖4）。

要想使動態面板顯示神奇效果，還需要對它進行設置。選中動態面板，在“部件交互和注釋”面板雙擊“載入時”，在彈出的“用例編輯器”窗口的“第二步：點擊新增動作”處點擊部件下的“設置選擇/選中”，在“第四步：配置動作”處勾選“d1（形狀）”（意思是當名稱為d1的按鈕選中時該按鈕的顏色變為紅色）。……