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

---

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

免費下載Axure RP 優惠購買Axure RP

---

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

小部件設置

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

• 將內聯框架窗口小部件從Libraries（庫）窗格拖到畫布上。

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

給動態面板填充顏色或圖像

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

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

• 要為動態面板提供背景圖像，請單擊Image （圖像），然后單擊Select（選擇）以從計算機導入圖像文件。

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

預覽頁面

• 預覽頁面。圖像應跨瀏覽器窗口的整個寬度。

• 嘗試調整瀏覽器窗口的大小，并注意圖像總是會調整以適應新的寬度。

附加信息和提示

全寬圖像輪播

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

---

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。