Canvas Scaler组件 Scaler With Screen Size 模式(常用):以开发时设定的分辨率大小为基准(也就是reference Resolution上是参数),随着目标屏幕分辨率的大小变化,进行自适应的大小和位置缩放。其中Screen Match Mode有三种匹配模式:Match Width Or Height(选择宽高进行match)、Expend(扩展)、Shrink(收缩)。屏幕自适应的话...
Canvas Scaler也是屏幕适配的主要方式,一般通过该组件就可以完成适配,如果有需求,还可以通过Screen.height和Screen.width获取屏幕长宽,然后代码控制UI位置及缩放。 Canvas Scaler只用于Canvas的Screen Space两种模式,World Space模式Canvas作为一个3D物体,不涉及适配问题。 UI Scale Mode即缩放模式,有三种: 1. Constant Pix...
Screen Match Mode在当前分辨率的宽高比不适应参考分辨率时,用于缩放画布区域的模式。 Match Width or Height以宽度、高度或二者的某种平均值作为参考来缩放画布区域。 Expand水平或垂直扩展画布区域,使画布不会小于参考。 Shrink水平或垂直裁剪画布区域,使画布不会大于参考。
程式碼可以看出,Canvas Scaler 透過設定Canvas下的Scale Factor,縮放所有在此Canvas下的元素 當Scale Factor為1時,Screen Size (800*600)、Canvas Size(800*600),圖片大小1倍 當Scale Factor為2時,Screen Size (800*600)、Canvas Size(400*300),圖片大小2倍 在當Scale Factor為2時,Scale Factor 會調整整個Canv...
Screen Match Mode的三种模式: ①、Match Width Or Height:他的Match属性是屏幕的宽度和高度对UI大小的影响。 ②、Expand:缩放不裁剪,当屏幕分辨率和设定不同时,选择变化较小的方向进行缩放。 ③、Shrink:缩放裁剪,当屏幕分辨率和设定不同时,选择变化较大的方向进行缩放。
二、Scale With Screen Size 这种模式应用场景多一点。首先逐个说明下: 1)Reference Resolution是开发时的分辨率。以后缩放就参考它。 2)Screen Match Mode 又包含三种模式 * Match Width Or Height。下面包含一个Macht属性,当处于最左边时,屏幕高度对于UI大小完全没有任何影 响,只有宽度会对UI大小产生影响。假设宽...
在Canvas Scaler组件的Inspector面板中,将“UI Scale Mode”属性设置为“Scale With Screen Size”。 设置“Reference Resolution”属性为设计分辨率的大小。 设置“Screen Match Mode”属性为“Match Width Or Height”。 设置“Match”属性为0或1,表示根据宽度或高度进行适配。
对于自适应屏幕,主要调节Canvas scaler 组件 对于第一步,有3种模式可以选择,默认是第一种像素模式,这也是造成无法自适应屏幕的原因,这里选择Scale with Screen Size模式。 第二步调节Screen Match Mode ,这里也有三种模式,选择Match width or Height 模式。
使用Canvas ScalerScreen Match Mode中的Match Width Or Height属性 我们将Canvas Scaler设置为参考分辨率 640 x 960。现在,屏幕分辨率设置 320 x 480 时,整个布局将按比例缩小,从而保持与全分辨率相同的比例。一切都按比例缩小:元素大小、元素到屏幕边缘的距离。这意味着在不同分辨率下的布局相同;只是像素密度降低而已...
所以,Canvas宽高比 = 屏幕分辨率宽高比。 1.2.1、Reference Resolution 缩放时用的参考分辨率。 下面假设参考分辨率是1080 * 1920。 1.2.2、Screen Match Mode 如果屏幕分辨率与参考分辨率的宽高比不一致,则根据选择的模式对Canvas宽高进行缩放。 如果屏幕分辨率与参考分辨率的宽高比一致,该选项怎么调都不管用。