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值以產生淡入和淡出效果。