Axure RP 8 基本元件之圖片

Axure RP 8.0對圖片的支持是非常強(qiáng)大的，選擇“圖片"元件，將其拖入到頁面中，雙擊圖片元件，在彈出的"打開"對話框中選擇圖片，單擊"打開"按鈕，即可看到打開的圖片，如圖所示。

選擇圖片元件，單擊鼠標(biāo)右鍵，選擇“導(dǎo)入圖片”選項，也可以實現(xiàn)圖片的導(dǎo)入操作。選擇“編輯文本”選項，即可在圖片上添加文字內(nèi)容，如圖所示。

單擊鼠標(biāo)右鍵，選擇“裁剪圖片”選項，拖動裁剪范圍可調(diào)整裁剪圖片的范圍。雙擊即可完成圖片的裁剪操作，效果如圖所示。

當(dāng)遇到較大圖片影響原型預(yù)覽速度時，可以將一張大圖分割為多張小圖。單擊鼠標(biāo)右鍵，選擇"分割圖片"選項，拖動鼠標(biāo)可將圖片分割為若干個小圖片，如圖所示。

單擊右鍵，選擇“固定邊角范圍”選項，會在圖片四周出現(xiàn)邊角標(biāo)記，用來顯示當(dāng)前圖片的邊角范 圍。選擇"優(yōu)化圖片”選項，Axure將會自動優(yōu)化當(dāng)前圖片，降低圖片的質(zhì)量，提高下載 的速度，如圖所示。

當(dāng)完成圖片編輯后，并不一定能夠直接應(yīng)用到原型中，很多時候需要動態(tài)地加載這些圖片素材，比 如鼠標(biāo)懸?；蛘呤髽?biāo)按下時才需要在交互樣式中從本地磁盤上導(dǎo)入這些圖片素材，可以將原型中的圖片 保存到本地磁盤。

執(zhí)行“發(fā)布>生成HTML文件”命令，在彈出的“生成HTML”對話框中設(shè)置"存放HTML文件的目 標(biāo)文件夾”，如圖所示。單擊“生成”按鈕，即可將原型中的圖片保存到當(dāng)前文件夾中。