Unity?UGUI的Canvas畫布組件使用示例詳解
Unity UGUI的Canvas(畫布)組件的介紹及使用
1. 什么是Canvas組件?
Canvas(畫布)是Unity UGUI系統(tǒng)中的一個重要組件,用于在屏幕上繪制UI元素。它是UI元素的容器,可以包含各種UI元素,如按鈕、文本、圖像等。Canvas組件提供了一種方便的方式來管理和渲染UI元素。
2. Canvas組件的工作原理
Canvas組件通過渲染器將UI元素繪制到屏幕上。它使用層級結(jié)構(gòu)來管理UI元素的顯示順序,可以通過設(shè)置UI元素的層級來控制它們的顯示順序。Canvas組件還可以設(shè)置渲染模式,包括屏幕空間、世界空間和攝像機空間等。
3. Canvas組件的常用屬性
- Render Mode(渲染模式):設(shè)置Canvas的渲染模式,包括屏幕空間、世界空間和攝像機空間等。
- Sorting Layer(排序?qū)蛹墸?/strong>:設(shè)置Canvas的排序?qū)蛹墸糜诳刂芔I元素的顯示順序。
- Order in Layer(層級順序):設(shè)置UI元素在排序?qū)蛹壷械娘@示順序。
- Pixel Perfect(像素完美):啟用像素完美模式,可以確保UI元素在不同分辨率下的顯示效果一致。
- Reference Pixels Per Unit(參考像素單位):設(shè)置參考像素單位,用于計算UI元素的大小和位置。
4. Canvas組件的常用函數(shù)
- SetRenderMode(RenderMode mode):設(shè)置Canvas的渲染模式。
- SetSortingLayerName(string name):設(shè)置Canvas的排序?qū)蛹壝Q。
- SetOrderInLayer(int order):設(shè)置UI元素在排序?qū)蛹壷械娘@示順序。
- SetPixelPerfect(bool pixelPerfect):設(shè)置是否啟用像素完美模式。
- SetReferencePixelsPerUnit(float pixelsPerUnit):設(shè)置參考像素單位。
5. 示例代碼
示例1:創(chuàng)建一個屏幕空間的Canvas
using UnityEngine; using UnityEngine.UI; public class CanvasExample : MonoBehaviour { void Start() { // 創(chuàng)建一個屏幕空間的Canvas GameObject canvasObject = new GameObject("Canvas"); Canvas canvas = canvasObject.AddComponent<Canvas>(); canvas.renderMode = RenderMode.ScreenSpaceOverlay; // 創(chuàng)建一個UI元素 GameObject textObject = new GameObject("Text"); textObject.transform.SetParent(canvas.transform); Text text = textObject.AddComponent<Text>(); text.text = "Hello World!"; } }
操作步驟:
- 創(chuàng)建一個空的GameObject,并將腳本掛載到該GameObject上。
- 在Start函數(shù)中,創(chuàng)建一個屏幕空間的Canvas。
- 創(chuàng)建一個UI元素,并將其設(shè)置為Canvas的子物體。
- 設(shè)置UI元素的文本內(nèi)容為"Hello World!"。
示例2:創(chuàng)建一個世界空間的Canvas
using UnityEngine; using UnityEngine.UI; public class CanvasExample : MonoBehaviour { void Start() { // 創(chuàng)建一個世界空間的Canvas GameObject canvasObject = new GameObject("Canvas"); Canvas canvas = canvasObject.AddComponent<Canvas>(); canvas.renderMode = RenderMode.WorldSpace; // 創(chuàng)建一個UI元素 GameObject textObject = new GameObject("Text"); textObject.transform.SetParent(canvas.transform); Text text = textObject.AddComponent<Text>(); text.text = "Hello World!"; } }
操作步驟:
- 創(chuàng)建一個空的GameObject,并將腳本掛載到該GameObject上。
- 在Start函數(shù)中,創(chuàng)建一個世界空間的Canvas。
- 創(chuàng)建一個UI元素,并將其設(shè)置為Canvas的子物體。
- 設(shè)置UI元素的文本內(nèi)容為"Hello World!"。
示例3:設(shè)置Canvas的排序?qū)蛹壓蛯蛹夗樞?/h4>
using UnityEngine;
using UnityEngine.UI;
public class CanvasExample : MonoBehaviour
{
void Start()
{
// 創(chuàng)建一個屏幕空間的Canvas
GameObject canvasObject = new GameObject("Canvas");
Canvas canvas = canvasObject.AddComponent<Canvas>();
canvas.renderMode = RenderMode.ScreenSpaceOverlay;
// 創(chuàng)建兩個UI元素
GameObject textObject1 = new GameObject("Text1");
textObject1.transform.SetParent(canvas.transform);
Text text1 = textObject1.AddComponent<Text>();
text1.text = "Text 1";
text1.canvas.sortingLayerName = "UI";
text1.canvas.sortingOrder = 1;
GameObject textObject2 = new GameObject("Text2");
textObject2.transform.SetParent(canvas.transform);
Text text2 = textObject2.AddComponent<Text>();
text2.text = "Text 2";
text2.canvas.sortingLayerName = "UI";
text2.canvas.sortingOrder = 2;
}
}
using UnityEngine; using UnityEngine.UI; public class CanvasExample : MonoBehaviour { void Start() { // 創(chuàng)建一個屏幕空間的Canvas GameObject canvasObject = new GameObject("Canvas"); Canvas canvas = canvasObject.AddComponent<Canvas>(); canvas.renderMode = RenderMode.ScreenSpaceOverlay; // 創(chuàng)建兩個UI元素 GameObject textObject1 = new GameObject("Text1"); textObject1.transform.SetParent(canvas.transform); Text text1 = textObject1.AddComponent<Text>(); text1.text = "Text 1"; text1.canvas.sortingLayerName = "UI"; text1.canvas.sortingOrder = 1; GameObject textObject2 = new GameObject("Text2"); textObject2.transform.SetParent(canvas.transform); Text text2 = textObject2.AddComponent<Text>(); text2.text = "Text 2"; text2.canvas.sortingLayerName = "UI"; text2.canvas.sortingOrder = 2; } }
操作步驟:
- 創(chuàng)建一個空的GameObject,并將腳本掛載到該GameObject上。
- 在Start函數(shù)中,創(chuàng)建一個屏幕空間的Canvas。
- 創(chuàng)建兩個UI元素,并將它們設(shè)置為Canvas的子物體。
- 設(shè)置第一個UI元素的排序?qū)蛹墳?quot;UI",層級順序為1。
- 設(shè)置第二個UI元素的排序?qū)蛹墳?quot;UI",層級順序為2。
示例4:啟用像素完美模式
using UnityEngine; using UnityEngine.UI; public class CanvasExample : MonoBehaviour { void Start() { // 創(chuàng)建一個屏幕空間的Canvas GameObject canvasObject = new GameObject("Canvas"); Canvas canvas = canvasObject.AddComponent<Canvas>(); canvas.renderMode = RenderMode.ScreenSpaceOverlay; canvas.pixelPerfect = true; // 創(chuàng)建一個UI元素 GameObject textObject = new GameObject("Text"); textObject.transform.SetParent(canvas.transform); Text text = textObject.AddComponent<Text>(); text.text = "Hello World!"; } }
操作步驟:
- 創(chuàng)建一個空的GameObject,并將腳本掛載到該GameObject上。
- 在Start函數(shù)中,創(chuàng)建一個屏幕空間的Canvas。
- 啟用像素完美模式。
- 創(chuàng)建一個UI元素,并將其設(shè)置為Canvas的子物體。
- 設(shè)置UI元素的文本內(nèi)容為"Hello World!"。
示例5:設(shè)置參考像素單位
using UnityEngine; using UnityEngine.UI; public class CanvasExample : MonoBehaviour { void Start() { // 創(chuàng)建一個屏幕空間的Canvas GameObject canvasObject = new GameObject("Canvas"); Canvas canvas = canvasObject.AddComponent<Canvas>(); canvas.renderMode = RenderMode.ScreenSpaceOverlay; canvas.referencePixelsPerUnit = 100; // 創(chuàng)建一個UI元素 GameObject textObject = new GameObject("Text"); textObject.transform.SetParent(canvas.transform); Text text = textObject.AddComponent<Text>(); text.text = "Hello World!"; } }
操作步驟:
- 創(chuàng)建一個空的GameObject,并將腳本掛載到該GameObject上。
- 在Start函數(shù)中,創(chuàng)建一個屏幕空間的Canvas。
- 設(shè)置參考像素單位為100。
- 創(chuàng)建一個UI元素,并將其設(shè)置為Canvas的子物體。
- 設(shè)置UI元素的文本內(nèi)容為"Hello World!"。
注意事項
- Canvas組件只能在UI層級下使用,不能用于3D場景中。
- Canvas組件的渲染模式和排序?qū)蛹壭枰鶕?jù)實際需求進行設(shè)置。
- 在使用Canvas組件時,需要注意UI元素的層級順序,以確保它們的顯示效果正確。
參考資料
以上就是Unity UGUI的Canvas畫布組件使用示例詳解的詳細內(nèi)容,更多關(guān)于Unity UGUI Canvas畫布組件的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
同步調(diào)用和異步調(diào)用WebService
本文給大家介紹webservice同步調(diào)用和異步調(diào)用,同步調(diào)用就是一個同步操作會阻塞整個當前的進程,直到這個操作完成才能執(zhí)行下一段代碼,異步調(diào)用不會阻塞啟動操作的調(diào)用線程,調(diào)用程序必須通過輪流檢測,或者等待完成信號來發(fā)現(xiàn)調(diào)用的完成。小伙伴們跟著小編一起學(xué)習(xí)2015-09-09