Unity- Ugui 基本介紹 (二)

Unity- Ugui Image
Image 組件是一個顯示在螢幕的可視化UI元素,可用於Button、Panel、Slider上

  • Source Image(圖像源):紋理格式為Sprite(2D and UI)的圖片資源(導入圖片後選擇Texture Type為Sprite(2D and UI))。
  • Color(顏色):圖片疊加的顏色。
  • Material(材質):圖片疊加的材質。
  • Raycast Target(射線投射目標):重疊的UI控件可能會導致某一個控件點擊失敗。只要把圖片的Image組件的Raycast Target的勾選取消即可解決遮擋的問題。
  • Image Type(圖片顯示類型):
    -Simple 根據邊框大小進行圖片縮放
    – Sliced 切割模式,根據圖片切割Sprite顯示,用於製作Button,避免拉伸造成圖片的邊框變形
    – Tiled 平鋪模式,以左下角為原點,不斷重複顯示圖片,圖片大小不改變
    – Field 填充模式,可以調整圖片顯示區域,如血條,進度條顯示
  • Preserve Aspect(鎖定比例):針對Simple模式,勾選之後,無論圖片的外形放大還是縮小,都會一直保持初始的長寬比例。

**使用Sliced模式後,根據圖片邊框拉伸,圖片的四個角會保持原狀,而1和4部分會隨著圖片的橫向拉伸而拉伸,2和3部分會隨著圖片的縱向拉伸而拉伸,圖片的中間部分會拉伸5進行填充。

Image圖像也可以從腳本中動態更改 。更換顯示的圖像,更改顏色,並更改Alpha值以產生淡入和淡出效果。

(左;更改顏色 右;更改Alpha值)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *