CanvasScaler详解

一、CanvasScaler是什么

CanvasScaler是Unity3D的一个组件，它主要用于Canvas缩放操作。

在Unity3D中，Canvas是2D界面UI的基本元素，CanvasScaler能够根据不同的屏幕尺寸、分辨率等因素进行自适应的缩放操作，保障界面的美观和良好的用户体验。CanvasScaler为我们提供了多种缩放模式，可以根据实际需求进行选择。

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    private CanvasScaler canvasScaler;

    void Start()
    {
        canvasScaler = GetComponent();
        canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ConstantPixelSize;
    }
}

二、CanvasScaler的缩放模式

CanvasScaler有以下几种缩放模式：

1. Constant Pixel Size(像素大小不变)

在该模式下，屏幕上的UI将按照像素大小进行渲染，不会随屏幕大小的变化而发生变化，适用于在所有屏幕上都需要显示相同大小UI的情况。

canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ConstantPixelSize;

2. Scale With Screen Size(根据屏幕大小缩放)

在该模式下，屏幕上的UI将根据屏幕的大小进行缩放，可以在不改变UI图片或文字质量的情况下进行适配，适用于需要屏幕适配的情况。

canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ScaleWithScreenSize;
canvasScaler.matchWidthOrHeight = 1;

3. Constant Physical Size(物理大小不变)

在该模式下，屏幕上的UI将根据屏幕的物理大小进行渲染，适用于在不同屏幕上需要显示相同UI物理尺寸的情况，如电视游戏机等。

canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ConstantPhysicalSize;
canvasScaler.referencePixelsPerUnit = 100;
canvasScaler.physicalUnit = CanvasScaler.Unit.Millimeters;
canvasScaler.fallbackScreenDPI = 100;

三、CanvasScaler的属性

CanvasScaler提供了许多属性，用于对缩放过程进行更加细致的调整。

1. Reference Resolution(参考分辨率)

Reference Resolution指定了屏幕宽高比为 1:1 时的分辨率。在之后的缩放过程中，CanvasScaler会根据实际屏幕的宽高比，进行适当的缩放，以使UI元素在不同的屏幕上大小相同。

canvasScaler.referenceResolution = new Vector2(1920, 1080);

2. Match Width or Height(匹配宽度或高度)

Match Width or Height属性的值会在Scale With Screen Size模式下使用。当设置为0时，屏幕都将按照参考分辨率宽高比的相对大小进行缩放，保证所有内容都能显示在屏幕上。当值大于0且小于等于1时，CanvasScaler会按照参考分辨率的宽高比与屏幕的实际宽高比进行比较，选择宽高比更接近该Match值的那一边进行缩放，从而保留更多原始UI元素的内容。而当Match设置为1时，CanvasScaler会根据屏幕宽高比变化而均匀缩放UI元素，这就意味着在横屏和竖屏模式下，UI元素缩放的比例将是一致的。

canvasScaler.matchWidthOrHeight = 1;

3. Reference Pixels Per Unit(参考像素比)

Reference Pixels Per Unit是一个值，用于将物理像素转换为独立像素。在Constant Physical Size模式下，CanvasScaler会按照该值和显示设备的屏幕DPI，将屏幕大小转化为独立像素值，保证在不同屏幕上显示的物理大小都相同。

canvasScaler.referencePixelsPerUnit = 100;

4. Screen Match Mode(匹配模式)

Screen Match Mode属性用于Scale With Screen Size模式下，用来指定Canvas在适配屏幕时的匹配方式。有两种模式：Match Width、Match Height。当设置为Match Width模式时，Canvas会在宽度方面进行适配，保证显示的内容完全展示在屏幕上；同理，Match Height模式时则会在高度方面适配。

canvasScaler.screenMatchMode = CanvasScaler.ScreenMatchMode.MatchWidth;

5. Physical Unit(物理单位)

Physical Unit属性用于Constant Physical Size模式下，用来指定在相应屏幕DPI下，物理大小所采用的单位。可选值有：Centimeters，Millimeters，Inches，Points，Picas。

canvasScaler.physicalUnit = CanvasScaler.Unit.Millimeters;

6. Fallback Screen DPI(备用屏幕DPI)

Fallback Screen DPI属性用于Constant Physical Size模式下，当在某些设备上获取不到实际屏幕DPI时，可以使用该属性设定备用的屏幕DPI，以达到物理尺寸不变的效果。

canvasScaler.fallbackScreenDPI = 100;

四、CanvasScaler的使用场景

CanvasScaler可以适用于大部分UI适配场景，如PC端、移动端、平板设备等。在移动端中，不同的设备屏幕尺寸、分辨率差异较大，使用CanvasScaler能够快速适配不同屏幕，提高用户体验。

需要注意的是，在CanvasScaler的使用过程中，需要对各项属性进行详细的配置调整，以保证UI元素的合适缩放比例。此外，对于不同的屏幕适配模式，也需要进行相应的缩放模式切换。

五、总结

CanvasScaler是Unity3D提供的一个非常实用的UI缩放组件，可以针对不同的屏幕尺寸、分辨率等因素进行适配操作，保证UI元素在不同屏幕上的大小相同。需要注意的是，使用CanvasScaler时，需要对各项属性进行详细的配置，以达到最佳适配效果。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/231800.html