Unity UGUI的RawImage原始圖片組件介紹使用

1. 什么是RawImage組件？

RawImage是Unity UGUI中的一個(gè)組件，用于顯示原始圖片。與Image組件不同，RawImage可以直接顯示原始圖片的像素?cái)?shù)據(jù)，而不需要經(jīng)過(guò)額外的處理。

2. RawImage組件的工作原理

RawImage組件通過(guò)將原始圖片的像素?cái)?shù)據(jù)直接傳遞給顯卡進(jìn)行渲染，從而實(shí)現(xiàn)顯示原始圖片的功能。它可以顯示各種格式的圖片，包括常見(jiàn)的PNG、JPG等格式。

3. RawImage組件的常用屬性

• Texture：用于指定要顯示的原始圖片的紋理。
• Color：用于指定圖片的顏色，可以通過(guò)調(diào)整透明度來(lái)實(shí)現(xiàn)圖片的淡入淡出效果。
• Material：用于指定圖片的材質(zhì)，可以通過(guò)更換材質(zhì)來(lái)實(shí)現(xiàn)不同的渲染效果。
• UV Rect：用于指定圖片在紋理中的位置和大小。

4. RawImage組件的常用函數(shù)

• SetNativeSize()：根據(jù)原始圖片的大小自動(dòng)調(diào)整RawImage的大小，使其與圖片保持一致。
• SetMaterialDirty()：標(biāo)記材質(zhì)為臟，使其在下一幀重新渲染。
• SetVerticesDirty()：標(biāo)記頂點(diǎn)為臟，使其在下一幀重新計(jì)算頂點(diǎn)位置。

5. 示例代碼

示例1：顯示一張圖片

using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
    public RawImage rawImage;
    public Texture texture;
    void Start()
    {
        rawImage.texture = texture;
    }
}

操作步驟：

• 創(chuàng)建一個(gè)空物體，并將RawImage組件添加到該物體上。
• 將要顯示的圖片拖拽到RawImage組件的Texture屬性上。
• 將上述示例代碼添加到一個(gè)腳本中，并將該腳本掛載到空物體上。
• 運(yùn)行游戲，可以看到圖片被顯示在RawImage組件中。

注意事項(xiàng)：

• 確保要顯示的圖片已經(jīng)導(dǎo)入到Unity項(xiàng)目中。

示例2：調(diào)整圖片的顏色

using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
    public RawImage rawImage;
    public Texture texture;
    public Color color;
    void Start()
    {
        rawImage.texture = texture;
        rawImage.color = color;
    }
}

操作步驟：

• 創(chuàng)建一個(gè)空物體，并將RawImage組件添加到該物體上。
• 將要顯示的圖片拖拽到RawImage組件的Texture屬性上。
• 將上述示例代碼添加到一個(gè)腳本中，并將該腳本掛載到空物體上。
• 在Inspector面板中，調(diào)整RawImage組件的Color屬性，改變圖片的顏色。
• 運(yùn)行游戲，可以看到圖片的顏色被改變。

注意事項(xiàng)：

• Color屬性的透明度可以通過(guò)調(diào)整Alpha值來(lái)實(shí)現(xiàn)淡入淡出效果。

示例3：調(diào)整圖片的大小

using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
    public RawImage rawImage;
    public Texture texture;
    void Start()
    {
        rawImage.texture = texture;
        rawImage.SetNativeSize();
    }
}

操作步驟：

• 創(chuàng)建一個(gè)空物體，并將RawImage組件添加到該物體上。
• 將要顯示的圖片拖拽到RawImage組件的Texture屬性上。
• 將上述示例代碼添加到一個(gè)腳本中，并將該腳本掛載到空物體上。
• 運(yùn)行游戲，可以看到RawImage的大小自動(dòng)調(diào)整為與圖片一致。

注意事項(xiàng)：

• 在調(diào)用SetNativeSize()函數(shù)之前，確保RawImage的Texture屬性已經(jīng)被賦值。

示例4：更換圖片

using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
    public RawImage rawImage;
    public Texture texture1;
    public Texture texture2;
    void Start()
    {
        rawImage.texture = texture1;
    }
    public void ChangeTexture()
    {
        rawImage.texture = texture2;
    }
}

操作步驟：

• 創(chuàng)建一個(gè)空物體，并將RawImage組件添加到該物體上。
• 將要顯示的圖片1和圖片2拖拽到RawImage組件的Texture屬性上。
• 創(chuàng)建一個(gè)按鈕，并將上述示例代碼添加到一個(gè)腳本中，并將該腳本掛載到按鈕上。
• 將按鈕的OnClick事件關(guān)聯(lián)到ChangeTexture()函數(shù)。
• 運(yùn)行游戲，點(diǎn)擊按鈕，可以看到圖片被更換為圖片2。

注意事項(xiàng)：

• 確保按鈕的OnClick事件已經(jīng)正確關(guān)聯(lián)到ChangeTexture()函數(shù)。

示例5：更換材質(zhì)

using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
    public RawImage rawImage;
    public Texture texture;
    public Material material;
    void Start()
    {
        rawImage.texture = texture;
        rawImage.material = material;
    }
}

操作步驟：

• 創(chuàng)建一個(gè)空物體，并將RawImage組件添加到該物體上。
• 將要顯示的圖片拖拽到RawImage組件的Texture屬性上。
• 將要使用的材質(zhì)拖拽到RawImage組件的Material屬性上。
• 將上述示例代碼添加到一個(gè)腳本中，并將該腳本掛載到空物體上。
• 運(yùn)行游戲，可以看到圖片的渲染效果被更換為材質(zhì)所定義的效果。

注意事項(xiàng)：

• 確保要使用的材質(zhì)已經(jīng)導(dǎo)入到Unity項(xiàng)目中。

參考資料

• Unity官方文檔：RawImage
• Unity官方教程：Working with Raw Images

以上就是Unity UGUI的RawImage原始圖片組件使用示例詳解的詳細(xì)內(nèi)容，更多關(guān)于Unity UGUI RawImage組件的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論