Canvas Scaler 這個(gè)組件用來做整體 UI 屏幕適配的。為什么是整體適配？因?yàn)檫m配時(shí)還會(huì)用到 RectTransform 中的 Anchor 屬性。Canvas Scaler 的縮放模式與 Canvas 的渲染模式相關(guān)：當(dāng) Canvans 渲染模式為 Screen Space - Overlay 和 Screen Space - Camera 時(shí)，縮放模式有三種；當(dāng) Canvans 渲染模式為 World Space 時(shí)，縮放模式只有一種。

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

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

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

1.1 Constant Pixel Size

不根據(jù)屏幕分辨率調(diào)整 Canvas 的縮放, 以 UI 元素的像素值 * Scale Factor 對(duì)應(yīng)真實(shí)屏幕的像素點(diǎn)進(jìn)行渲染。

• Scale Factor：畫布的縮放比例。默認(rèn)況下為1，表示正常大小。
• Reference Pixels Per Unit：每個(gè) UI 單位對(duì)應(yīng)的像素?cái)?shù)。

1.2 Scale With Screen Size

根據(jù)真實(shí)屏幕的寬高來縮放 Canvas。

1.2.1 Reference Resolution:

參考分辨率，即一開始制作時(shí)選定的屏幕分辨率，后面的選項(xiàng)參數(shù)都是根據(jù)它來計(jì)算的。

1.2.2 Screen Match Mode

1.2.2.1 Match Width or Height

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

1.2.2.2 Expand

當(dāng)屏幕分辨率大于參考分辨率時(shí)，選擇變化較小的一個(gè)方向（橫向還是縱向），作為放大 Canvas Scale 的標(biāo)準(zhǔn)，另一方向上的變化則是在整體縮放以后再進(jìn)行補(bǔ)償性的變化。此舉旨在減少擴(kuò)大分辨率時(shí)由于非等比擴(kuò)大而對(duì) UI 整體布局造成影響。適合制作較小標(biāo)準(zhǔn)尺寸，擴(kuò)充到較大屏幕。

1.2.2.3 Shrink

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

1.3 Constant Physical Size

與 Constant Pixel Size 模式本質(zhì)相同， Constant Pixel Size 通過邏輯像素大小調(diào)節(jié)來維持縮放，Constant Physical Size 通過物理大小調(diào)節(jié)來維持縮放。使用這種模式必須指定一個(gè)像素轉(zhuǎn)換物理大小的因數(shù)，運(yùn)行時(shí)通過具體設(shè)備的 DPI 計(jì)算最終的 Canvas 像素大小和縮放比例。

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

屬性描述計(jì)算中的 targetDPI

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

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

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：每個(gè) unity 單位對(duì)應(yīng)的像素?cái)?shù)，要與目前的 Dpi 再運(yùn)算求出新的值，再傳入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 渲染模式下的縮放模式

當(dāng) Canvans 渲染模式為 World Space 時(shí)，UI Scale Mode 只有一種。

• Dynamic Pixels Per Unit Canvas：縮放值取決于此值的設(shè)定值。
• Reference Pixels Per Unit：每個(gè) UI 單位對(duì)應(yīng)的像素?cái)?shù)。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。