UGui 之 Canvas 组件

UGui 之 Canvas 组件

• Canvas有三种RenderMode（渲染模式）

Screen Space - Camera (根据相机实时运动)

要把Camera 拖进去 Render Camera

Plane Distance 有点像z-index

• Canvas Scaler组件有三种 UI Scale Mode(缩放模式)

Constant Pixel Size：像素大小始终不变，即一个100*100的图片在任何的分辨率下都占用100*100的像素。一般PC上会使用这种方式，因为PC端分辨率差异并不大。
Scale With Screen Size：不关心图片的实际像素大小，而只关心Width及Height值，这个值如果是1000，那么100高度的图片在任何分辨率下都只占用屏幕1/10的尺寸。一般移动端会使用这种方式，因为移动端分辨率差异较大。
Constant Physical Size：根据物理单位来进行缩放。

Canvas Scaler就是用来做适配的

Reference Resolution表示我们设计界面的时候使用的屏幕大小

Screen match Mode有三种选择，即三种界面适配方案。

Shrink 保持缩放比例，裁切
Expand 缩放不裁切
Match Width Screen Size
如果是Match Width 那么就是适配宽度，把宽度设置为屏幕宽度，然后保持比例
如果Match height，那么适配高度，首先把高度设置为屏幕高度，然后保持比例

• Graphic Raycatster组件，用于解决UI和3D场景射线穿透的