Canvas Scaler 這個組件用來做整體 UI 屏幕適配的。為什么是整體適配？因為適配時還會用到 RectTransform 中的 Anchor 屬性。Canvas Scaler 的縮放模式與 Canvas 的渲染模式相關：當 Canvans 渲染模式為 Screen Space - Overlay 和 Screen Space - Camera 時，縮放模式有三種；當 Canvans 渲染模式為 World Space 時，縮放模式只有一種。

1 Screen Space 渲染模式下的縮放模式

UI Scale Mode 的三種縮放模式如下：

• Constant Pixel Size：固定像素大小模式，Canvas 畫布中其他 UI 控件對象直接固定像素大小。
• Scale With Screen Size：隨屏幕大小改變自身大小模式，Canvas 畫布中其他 UI 控件大小隨屏幕大小改變自身大小。
• Constant Physical Size：固定物理尺寸模式，Canvas 畫布中其他 UI 控件采用固定物理尺寸。

1.1 Constant Pixel Size

不根據屏幕分辨率調整 Canvas 的縮放, 以 UI 元素的像素值 * Scale Factor 對應真實屏幕的像素點進行渲染。

• Scale Factor：畫布的縮放比例。默認況下為1，表示正常大小。
• Reference Pixels Per Unit：每個 UI 單位對應的像素數。

1.2 Scale With Screen Size

根據真實屏幕的寬高來縮放 Canvas。

1.2.1 Reference Resolution:

參考分辨率，即一開始制作時選定的屏幕分辨率，后面的選項參數都是根據它來計算的。

1.2.2 Screen Match Mode

1.2.2.1 Match Width or Height

根據真實屏幕的寬高比按指定的 Match 值來縮放 Canvas。
Reference Resolution：UI 的設計尺寸，這個值需要自已定，也是美術做圖的依據，一般為 1920 * 1080。
Match：決定 Canvas 按寬高縮放的權重值，當 Match = 0 時，按寬度進行 Canvas 等比縮放；當 Match 值 = 1 時，按高度度進行 Canvas 等比縮放。一般情況下這個值非 0 即 1，不用糾結中間值。

1.2.2.2 Expand

當屏幕分辨率大于參考分辨率時，選擇變化較小的一個方向（橫向還是縱向），作為放大 Canvas Scale 的標準，另一方向上的變化則是在整體縮放以后再進行補償性的變化。此舉旨在減少擴大分辨率時由于非等比擴大而對 UI 整體布局造成影響。適合制作較小標準尺寸，擴充到較大屏幕。

1.2.2.3 Shrink

和 Expand 類似，但是更適合于縮小的情形。它會在屏幕尺寸縮小時，通過縮小 Canvas Scale 盡量減少由于非等比縮小對布局產生的影響。按照影響較小的一個方向縮小的比例去縮小 Canvas Scale，然后再通過變形調整另外一個方向。

1.3 Constant Physical Size

與 Constant Pixel Size 模式本質相同， Constant Pixel Size 通過邏輯像素大小調節來維持縮放，Constant Physical Size 通過物理大小調節來維持縮放。使用這種模式必須指定一個像素轉換物理大小的因數，運行時通過具體設備的 DPI 計算最終的 Canvas 像素大小和縮放比例。

• Physical Unit：用于指定 UI 位置和大小 的物理單位。

屬性描述計算中的 targetDPI

Centimeters	厘米	2.54
Millimeters	毫米	25.4
Inches	英寸,約 25.4 毫米	1
Points	點，1/72 英寸，1/12 派卡	72
Picas	派卡，1/6 英寸	6

• Fallback Screen DPI：如果未獲取到屏幕的 DPI，將使用此值參與計算縮放。
• Default Sprite DPI：預設的圖片像素密度。
  官方代碼：

float currentDpi = Screen.dpi; float dpi = (currentDpi == 0 ? m_FallbackScreenDPI : currentDpi); float targetDPI = 1; switch (m_PhysicalUnit) {case Unit.Centimeters: targetDPI = 2.54f; break;case Unit.Millimeters: targetDPI = 25.4f; break;case Unit.Inches: targetDPI = 1; break;case Unit.Points: targetDPI = 72; break;case Unit.Picas: targetDPI = 6; break; }SetScaleFactor(dpi / targetDPI); SetReferencePixelsPerUnit(m_ReferencePixelsPerUnit * targetDPI / m_DefaultSpriteDPI);

• Reference Pixels Per Unit：每個 unity 單位對應的像素數，要與目前的 Dpi 再運算求出新的值，再傳入Canvas中求出大小，公式如下：
  新的 Reference Pixels Per Unit = Reference Pixels Per Unit * Physical Unit / Default Sprite DPI
  UI大小 = 原圖大小(Pixels) / (Pixels Per Unit / 新的 Reference Pixels Per Unit)

2 World Space 渲染模式下的縮放模式

當 Canvans 渲染模式為 World Space 時，UI Scale Mode 只有一種。

• Dynamic Pixels Per Unit Canvas：縮放值取決于此值的設定值。
• Reference Pixels Per Unit：每個 UI 單位對應的像素數。

總結

以上是生活随笔為你收集整理的Unity Canvas Scaler 组件的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。