Canvas-学习笔记

Canvas

Canvas属于Unity的UGUI，UGUI提供了强大的可视化编辑，大大提高了GUI的开发效率

Render Mode    Canvas的三种渲染方式：

1.Screen Space - Overlay

这种渲染模式表示 Canvas 下的所有的 UI 控件永远位于屏幕的前面 , 不管有没有相机 , UI元素永远在屏幕最前面 ，主要是2D效果。

2. Screen Space - Camera

这种渲染模式 Canvas 和 摄像机之间有一定的距离 , 可以在摄像机和 Canvas 之间播放一些粒子特效，主要是3D效果，也可以用来做3DUI

3. World Space

这种模式下 Canvas 就和普通的 3D 物体一样了 , 可以控制它的大小,旋转,缩放等。
 

Pixel Perfect     在Canvas中的模糊效果消失，变得相对清晰

Sort Order 的值用来决定不同的Canvas的层级效果

Canvas Scale   调整Canvas的适配效果

为了适应不同的分辨率，我们可能会允许适当的UI整体性缩放，外加一些尽可能少的布局微调。 这样就能达到一个比较理想的效果。Unity为我们提供了Canvas Scaler组件用于控制画布中UI元素的统一缩放和像素密度的。缩放值影响Canvas上所有的元素，包括字体的size和image的borders。

Constant Pixel Size  使UI保持自己的尺寸，与屏幕尺寸无关。

Scale Factor  通过factor值来缩放所有UI元素（画布大小）

Reference Pixels Per Unit  如果Sprite设置了‘Pixels Per Unit’，那么该Sprite一个像素将占用UI的一个像素

Scale With Screen Size  屏幕尺寸越大，UI越大

Reference Resolution UI布局的设计分辨率，如果实际分辨率大，UI会放大显示，如果实际分辨率小，UI会缩小显示。

Screen Match Mode Canvas缩放模式

Match Width or Height 根据设计分辨率的宽，高或按权值取宽高中间值来缩放Canvas

Expand 横向或纵向扩展画布大小（因此实际画布尺寸总是大于设计分辨率）

Shrink 横向或总线收缩画布大小（因此实际画布尺寸总是小于设计分辨率）

Match 

Reference Pixels Per Unit 如果Sprite设置了‘Pixels Per Unit’为x，那么该Sprite的x个像素将占用UI的一个单位.（UI当中的一单元对应多少设计分辨率像素，最好跟图片设置一致，否则Image显示会与画布不匹配）

Constant Physical Size  使UI元素保持相同的物理大小，与屏幕尺寸无关。

Dynamic Pixels Per Unit

Reference Pixels Per Unit