Unity UGUI的CanvasScaler（畫布縮放器）組件的介紹及使用

1. 什麼是CanvasScaler組件？

CanvasScaler是Unity中UGUI系統中的一個組件，用於控制畫布的縮放和適配。通過CanvasScaler組件，可以實現UI界面在不同解析度下的自適應顯示。

2. CanvasScaler的工作原理是什麼？

CanvasScaler組件通過調整畫布的縮放比例，使UI元素在不同解析度下保持一致的顯示效果。它根據設定的參考解析度和屏幕解析度的比例，計算出縮放比例，並將其應用到畫布上。

3. CanvasScaler的常用屬性有哪些？

• UI Scale Mode：設置畫布的縮放模式，有Constant Pixel Size（像素大小不變）、Scale With Screen Size（根據屏幕大小縮放）和Constant Physical Size（物理大小不變）三種模式可選。
• Reference Resolution：設置參考解析度，用於計算縮放比例。
• Screen Match Mode：設置屏幕匹配模式，有Match Width Or Height（寬度或高度匹配）和Expand（擴展）兩種模式可選。
• Match：設置屏幕匹配模式為Match Width Or Height時，指定寬度或高度的匹配比例。
• Physical Unit：設置物理單位，用於計算Constant Physical Size模式下的縮放比例。

4. CanvasScaler的常用函數有哪些？

• SetScaleFactor(float scaleFactor)：設置畫布的縮放比例。
• SetReferencePixelsPerUnit(float referencePixelsPerUnit)：設置參考像素單位。
• SetReferenceResolution(Vector2 referenceResolution)：設置參考解析度。
• SetScreenMatchMode(ScreenMatchMode screenMatchMode, float matchWidthOrHeight)：設置屏幕匹配模式和匹配比例。

5. CanvasScaler的使用示例代碼：

示例1：設置畫布的縮放模式為Scale With Screen Size

CanvasScaler canvasScaler = GetComponent<CanvasScaler>();
canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ScaleWithScreenSize;
canvasScaler.referenceResolution = new Vector2(1920, 1080);
canvasScaler.screenMatchMode = CanvasScaler.ScreenMatchMode.MatchWidthOrHeight;
canvasScaler.matchWidthOrHeight = 0.5f;

操作步驟：

1. 獲取CanvasScaler組件。
2. 將uiScaleMode屬性設置為Scale With Screen Size。
3. 設置referenceResolution屬性為參考解析度，例如1920x1080。
4. 將screenMatchMode屬性設置為Match Width Or Height。
5. 設置matchWidthOrHeight屬性為匹配比例，例如0.5表示寬度和高度的匹配比例為1:2。

示例2：設置畫布的縮放模式為Constant Pixel Size

CanvasScaler canvasScaler = GetComponent<CanvasScaler>();
canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ConstantPixelSize;
canvasScaler.scaleFactor = 2f;

操作步驟：

1. 獲取CanvasScaler組件。
2. 將uiScaleMode屬性設置為Constant Pixel Size。
3. 設置scaleFactor屬性為縮放比例，例如2表示畫布放大兩倍。

示例3：設置畫布的縮放模式為Constant Physical Size

CanvasScaler canvasScaler = GetComponent<CanvasScaler>();
canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ConstantPhysicalSize;
canvasScaler.referencePixelsPerUnit = 100;

操作步驟：

1. 獲取CanvasScaler組件。
2. 將uiScaleMode屬性設置為Constant Physical Size。
3. 設置referencePixelsPerUnit屬性為參考像素單位，例如100表示每個單位對應100個像素。

示例4：動態設置畫布的縮放比例

CanvasScaler canvasScaler = GetComponent<CanvasScaler>();
canvasScaler.SetScaleFactor(1.5f);

操作步驟：

1. 獲取CanvasScaler組件。
2. 調用SetScaleFactor函數，設置畫布的縮放比例為1.5。

示例5：動態設置畫布的參考解析度

CanvasScaler canvasScaler = GetComponent<CanvasScaler>();
canvasScaler.SetReferenceResolution(new Vector2(1280, 720));

操作步驟：

1. 獲取CanvasScaler組件。
2. 調用SetReferenceResolution函數，設置畫布的參考解析度為1280x720。

註意事項：

• 在使用CanvasScaler組件時，需要將Canvas的Render Mode設置為Screen Space - Camera或Screen Space - Overlay，否則CanvasScaler將無效。
• 在設置參考解析度時，應根據目標平臺的解析度進行調整，以保證UI在不同設備上的顯示效果一致。

參考資料：

• Unity官方文檔 - CanvasScaler

__EOF__