很多人都知道,Unity在移动设备上的自适应依靠的是组件本身的Anchors和Canvas上的Canvas Scaler。但是很多人却不知道应该怎么正确的去设置CanvasScaler的各项属性,这里就给大家介绍下,希望能帮到大家。 默认的设置: 然后在移动设备上应该选择ScaleWithScreenSize: 重点说一下Reference Resolution和Match的设置: Reference Reso...
画布缩放器(Canvas Scaler 组件),提供了三种缩放模式来适配不同的需求: 1. Constant Pixel Size:在此模式下,UI 元素的大小将不受 Canvas 的缩放影响,而是保持固定的像素大小。这种模式适用于需要确保 UI 元素在不同设备上的大小保持一致的情况。 2. Scale With Screen Size:在此模式下,UI 元素的大小将根据 Can...
Screen Match Mode在当前分辨率的宽高比不适应参考分辨率时,用于缩放画布区域的模式。 Match Width or Height以宽度、高度或二者的某种平均值作为参考来缩放画布区域。 Expand水平或垂直扩展画布区域,使画布不会小于参考。 Shrink水平或垂直裁剪画布区域,使画布不会大于参考。
如果Match值为0,优先缩放宽度与屏幕宽度一致,高度或超出屏幕或在屏幕内;如果Match值为1,则优先缩放高度。 2.2.2 Expand:保持宽高比不变,优先缩放任一宽度或高度与屏幕一致,另外一个方向在屏幕内,即Canvas包含在屏幕内。 2.2.3 Shrink:保持宽高比不变,优先缩放任一宽度或高度与屏幕一致,另外一个方向在屏幕外,即...
如果将Match/匹配 设置设置为 0, 则"画布" 将按0.75 缩放(因为当前分辨率宽度为 480, 是参考分辨率宽度640的 0.75倍) 画布分辨率获得640x853.33 的分辨率(480/0.75=640,640/0.75=853.33)。 此分辨率的宽度与参考分辨率宽度相同(都是640), 但具有当前屏幕分辨率的长宽比。
canvasScaler.screenMatchMode = CanvasScaler.ScreenMatchMode.MatchWidthOrHeight; canvasScaler.matchWidthOrHeight =0.5f; 操作步骤: 获取CanvasScaler组件。 将uiScaleMode属性设置为Scale With Screen Size。 设置referenceResolution属性为参考分辨率,例如1920x1080。
画布规模(Canvas Scaler),设为随屏幕分辨率,默认1280*720(手机5.0屏幕分辨率),匹配方式(Match Mode)横屏游戏为width imgBG(背景图片):Rect transform(位置大小相关的组件);Source Image;imgLogo类似 btnPlay(运行按钮):去掉自带text,位置,原图;btnSound类似 ...
Canvas Scaler组件 Scaler With Screen Size 模式(常用):以开发时设定的分辨率大小为基准(也就是reference Resolution上是参数),随着目标屏幕分辨率的大小变化,进行自适应的大小和位置缩放。其中Screen Match Mode有三种匹配模式:Match Width Or Height(选择宽高进行match)、Expend(扩展)、Shrink(收缩)。屏幕自适应的话...
首先我们设置好Canvas参数,假设我们开发基准为480x800的分辨率。 然后在Canvas下面创建4个Button,并设置锚点分别对应四个角落,对UGUI的RectTransFrom不熟悉的同学可以去看下这位博主的文章。 这是480x800的显示效果 这是1920x1080的显示效果,大功告成! Canvas Scaler适配模式部分摘自...
获取CanvasScaler组件。 将uiScaleMode属性设置为Scale With Screen Size。 设置referenceResolution属性为参考分辨率,例如1920x1080。 将screenMatchMode属性设置为Match Width Or Height。 设置matchWidthOrHeight属性为匹配比例,例如0.5表示宽度和高度的匹配比例为1:2。