微魔方圖片組件

在設計頁面時，圖片組件是最常用的組件之一(yī)。打開微魔方設計器(qì)，選擇“圖片”組件拖拽至畫布，得到如(rú)下(xià)圖所示的一(yī)個圖片組件：

點擊“編輯”按鈕進入設置面闆。默認設置裏包含背景、邊框、陰影的設置，具體設置請參考組件常見設置。點擊下(xià)圖紅框處的“懸停”标簽，進入圖片懸停設置。

懸停設置面闆包含懸停蒙版、懸停圖标以爲懸停文字的設置。通過點擊“懸停蒙版”後面的勾選按鈕，可設置是否顯示蒙版。蒙版背景、圖标、标題文字樣式的設置，請參考組件常見設置。如(rú)果您需要設置半透明的蒙版，可使用純色背景，手動輸入“rgba(0,0,0,x)”,X 的值爲0 ~ 1之間的小數時，背景将會變成透明的黑色蒙版。

如(rú)果您需要更改圖片，打開組件屬性面闆後，點擊右側邊欄的“内容”标簽，出現如(rú)下(xià)圖所示的内容編輯面闆：

點擊“更換圖片”後，彈出如(rú)下(xià)所示的圖庫選擇框，在圖庫裏您可以選擇使用“資源庫”的圖片或者自己“上(shàng)傳資源”。“資源庫”是微魔方建站(zhàn)平台免費提供的圖片庫，裏面包含了(le)許多類型的精美圖片。“附件庫”内的資源，是您上(shàng)傳的圖片。點擊分(fēn)類後面的“+”，可添加圖片分(fēn)類。圖片默認按照上(shàng)傳時間倒叙排序，您可以更改排序爲按照名稱排序。如(rú)果圖片比較多，您還可以使用圖片名稱進行搜索。

在圖庫選擇“上(shàng)傳資源”以後，出現如(rú)下(xià)所示的上(shàng)傳界面。圖片上(shàng)傳支持拖動圖片至上(shàng)傳區域，每次最多可同時上(shàng)傳50張圖片。

我們也(yě)支持使用遠程圖片，如(rú)果您知道圖片地址，點擊下(xià)圖所示的“遠程資源”按鈕，輸入正确的圖片地址，點擊确定完成操作(zuò)。

選好(hǎo)(hǎo)圖片以後，我們可更改圖片的标題、描述和鏈接地址。我們還可對圖片的顯示方式做一(yī)些(xiē)微調，目前圖片支持自适應、居中、拉伸和原圖四種顯示模式。

自适應：圖片根據您的圖片組件大小，自動調整顯示的大小，如(rú)上(shàng)圖所示。

居中：圖片根據您的圖片組件大小及圖片原圖的比例，選擇橫向或者豎向縮放(fàng)圖片。

拉伸：圖片根據組件大小，改變自身(shēn)比例，自動填滿控件。

原圖：圖片根據原圖大小，自動調整組件大小，顯示原尺寸的圖片。