原型設(shè)計工具Axure RP新手教程（八）：全寬圖像或橫幅教程

---

Axure RP是一套專門為網(wǎng)站或應(yīng)用程序所設(shè)計的快速原型設(shè)計工具， 可以讓應(yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。

免費下載Axure RP 優(yōu)惠購買Axure RP

---

在本教程中，您將學(xué)習(xí)如何制作適合瀏覽器窗口整個寬度的圖像或彩色條。（點擊此處可查看視頻操作）

小部件設(shè)置

• 打開一個新的RP文件，然后在Pages（頁面）窗格中雙擊Page1（頁面1）以在畫布上將其打開。

• 將內(nèi)聯(lián)框架窗口小部件從Libraries（庫）窗格拖到畫布上。

• 在Style（樣式）窗格中，選中100% Wide （100％寬）的框（僅瀏覽器）。

給動態(tài)面板填充顏色或圖像

• 使用Style（樣式）窗格的Fill（填充）部分中的選項來設(shè)置動態(tài)面板的背景填充：

• 要為動態(tài)面板提供填充顏色，請單擊Color（顏色），然后使用顏色選擇器中的選項。

• 要為動態(tài)面板提供背景圖像，請單擊Image （圖像），然后單擊Select（選擇）以從計算機(jī)導(dǎo)入圖像文件。

注意：在右側(cè)的下拉菜單中將圖像設(shè)置為Stretch to Cover（拉伸以覆蓋），以確保它將始終充滿動態(tài)面板的整個寬度。

預(yù)覽頁面

• 預(yù)覽頁面。圖像應(yīng)跨瀏覽器窗口的整個寬度。

• 嘗試調(diào)整瀏覽器窗口的大小，并注意圖像總是會調(diào)整以適應(yīng)新的寬度。

附加信息和提示

全寬圖像輪播

對于全角圖像輪播，請將此技術(shù)與旋轉(zhuǎn)輪播/幻燈片教程中介紹的技術(shù)結(jié)合使用。 為動態(tài)面板的每個狀態(tài)提供不同的背面圖像，并使用該頁面上所述的方法循環(huán)顯示圖像。

---

關(guān)注慧聚IT微信公眾號???，了解產(chǎn)品的最新動態(tài)及最新資訊。