UGUI-- Canvas Scaler 分辨率自适应组件

原创

已于 2022-06-05 22:10:56 修改 · 1.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#unity #UGUI

于 2022-04-17 22:16:56 首次发布

本文详细介绍了Unity中的CanvasScaler组件，用于实现UI的分辨率自适应。CanvasScaler提供三种适配模式：恒定像素模式、缩放模式和恒定物理模式。缩放模式是最常用的，它根据屏幕尺寸进行缩放；恒定物理模式则考虑DPI，确保UI元素在不同设备上显示相同的物理大小。此外，还特别提到了3D模式下的世界空间3D渲染模式。

1、CanvasScaler是什么

用于分辨率自适应的画布缩放控制器，主要负责在不同分辨率下UI控件大小自适应，并不负责位置，位置由之后的RectTransform组件负责，提供了3种分辨率自适应的模式

2、基本概念：

（1）屏幕分辨率：Game窗口中的Stats统计数据窗口看到的当前“屏幕”分辨率（Screen）会参与分辨率自适应的计算

（2）画布大小和缩放系数：选中Canvas对象后在RectTransform组件种看到的宽高和缩放（Width，Height，Scale）

宽高 * 缩放系数 = 屏幕分辨率

（3）Reference Resolution：参考分辨率，在缩放模式的宽高模式中（UI Scale Mode = Scale With Screen Size）出现的参数，参与分辨率自适应的计算

总结：

屏幕分辨率——当前设备的分辨率，编辑器下Game窗口中可以看到

参考分辨率——在Scale With Screen Size适配模式中出现的关键参数，参与分辨率自适应的计算

画布宽高和缩放系数——分辨率自适应会改变的参数，通过屏幕分辨率和参考分辨率计算而来

分辨率大小自适应——通过一定的算法以屏幕分辨率和参考分辨率参与计算得出缩放系数，该系数会影响所有UI控件的缩放大小