Unity之Image & Raw Image


推薦閱讀:

前言

在Unity中,圖片組件主要有Image和Raw Image,今天,偶然發現了項目中別人有用到Raw Image,而號主卻從未接觸使用過,於是,好奇心驅使我去了解它。

初識組件

1.Image
Image 組件是用來交互的組件
2.Raw Image
RawImage 組件 , 是用來顯示非交互的圖像控件 , 用於裝飾或者圖標。一般用在背景、圖標上,支持UV Rect(用來設置只顯示圖片的某一部分)
區別:
1.Raw Image 支持任何類型的紋理 ;Image 控件只支持 Sprite 類型的紋理
2.Raw Image支持UV Rect(用來設置只顯示圖片的某一部分),而Image不支持UV Rect。

Image


組件屬性介紹:
1.Source Image:指定展示的紋理圖片。注意:Image只支持Sprite類型的圖片。
2.Color:圖片顏色。
3.Material:圖片渲染材質。
4.Raycast Target :能否進行射線檢測。

圖片除了上述幾個屬性外,如果制定了紋理圖片,又會新增幾個屬性,屬性面板變為如下:

4.Image Type:用於設定圖片的顯示類型,不同的顯示類型會導致Sprite“填充”Image組件的方式不同。顯示類型包括:
(1)Simple:當Image與Sprite的大小不同時,Sprite將會被拉伸到與Image一樣大。此操作可能會導致圖片變形,如果不想讓圖片變形的話,可以勾選上PreserveAspect選項,Sprite將會根據Sprite原寬高比例進行拉伸。
(2)Sliced:九宮格,經過九宮格處理的Sprite,在縮放過程中,會保持4個角的切片不做縮放,4個邊的切片只完成拉伸,只有中間的切片做縮放操作。此模式默認勾選了Fill Center選項,如果取消勾選,Image不能完整顯示,只會顯示切片的邊緣圖片。
(3)Tiled:地面磚平鋪,此模式中Sprite本身大小會保持不變,Sprite會像鋪地面磚那樣填充滿整個Image控件。
(4)Filled:此模式一般用作“CD”技能冷卻,讓Image以一定地展現方式一部分一部分地完全展示出來。

Raw Image

RawImage功能上與Image組件類似,但是屬性不完全相同。

組件屬性介紹:
1.Textture:用於展示的紋理圖片 (任意類型)
2.Color:同Image
3.Material:同Image
4.Raycast Target:同Image
5.UV Rect:設置UV縮放,偏移(即只讓圖片顯示一部分,可使用圖集)
注意:x、y屬性控制UV左右、上下偏移;W、H控制UV的重復次數。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM