从零开始的UnityUI学习--Canvas[画布]
2017-05-22 10:21
239 查看
Canvas[画布]是一个控制一组被渲染UI元素的组件,所有UI元素必须是Canvas的子物体
同一场景允许存在多个Canvas,但使用UI元素必须有一个可用的Canvas组件
每个Canvas都有可选的Render Modes(渲染模式)
Screen Space-Overlay UI会覆盖整个场景,也随着场景视图的大小变化而变化,所有的UI元素会在场景最上层渲染输出
在该模式下Canvas会影响Rect Transform,使其填充整个屏幕而不可编辑
Pixel Perfect UI元素渲染输出时,会自动吸附到最近的像素点
Screen Space-Camera 由场景中指定的摄像机渲染输出,Canvas会自动填充相机输出视图,
通过设置摄像机的ClearFlag、CullingMask、Depth属性使Canvas及其内容与场景中其他Canvas区分隔离开
Render Camera 设置指定的摄像机
Pixel Perfect UI元素渲染输出时,会自动吸附到最近的像素点
Plane Distance UI会被移至相机的视椎体中,使用调整与相机的距离
World Space Canvas不再影响Rect Transform,其可位于任意位置
Event Camera 用于确定哪个摄像里来检测如点击事件等操作
Receives Event 设置这个Canvas中的UI元素是否接收事件如悬停、点击
Sorting Layer、Order in Layer 用于控制场景中Canvas 之间的渲染顺序
渲染顺序自顶向下
同一场景允许存在多个Canvas,但使用UI元素必须有一个可用的Canvas组件
每个Canvas都有可选的Render Modes(渲染模式)
Screen Space-Overlay UI会覆盖整个场景,也随着场景视图的大小变化而变化,所有的UI元素会在场景最上层渲染输出
在该模式下Canvas会影响Rect Transform,使其填充整个屏幕而不可编辑
Pixel Perfect UI元素渲染输出时,会自动吸附到最近的像素点
Screen Space-Camera 由场景中指定的摄像机渲染输出,Canvas会自动填充相机输出视图,
通过设置摄像机的ClearFlag、CullingMask、Depth属性使Canvas及其内容与场景中其他Canvas区分隔离开
Render Camera 设置指定的摄像机
Pixel Perfect UI元素渲染输出时,会自动吸附到最近的像素点
Plane Distance UI会被移至相机的视椎体中,使用调整与相机的距离
World Space Canvas不再影响Rect Transform,其可位于任意位置
Event Camera 用于确定哪个摄像里来检测如点击事件等操作
Receives Event 设置这个Canvas中的UI元素是否接收事件如悬停、点击
Sorting Layer、Order in Layer 用于控制场景中Canvas 之间的渲染顺序
渲染顺序自顶向下
相关文章推荐
- java swing学习笔记二(画布Canvas)
- Android API学习之画布Canvas、颜料Paint
- HTML5 学习之Canvas画布
- 关于4.6.x版本的UGUI的学习随笔之——Canvas(画布)
- canvas学习笔记(一)——关于css设置canvas画布大小的问题
- Android 画布学习Canvas (1)坐标
- js/H5/canvas画布学习笔记(不定时更新)
- html5学习 第一章canvas画布元素
- HTML5 学习之Canvas画布
- Canvas对画布及文字控制基础API学习
- HTML5 canvas画布 学习实例
- 自定义View学习笔记05—Canvas下操作画布
- java swing学习笔记二(画布Canvas)
- 如何学习html画布呢(canvas)
- canvas学习笔记——关于css设置canvas画布大小的问题
- js学习—在canvas画布上的粒子扩散
- 从零开始学习jQuery (一) 开天辟地入门篇
- 从零开始学习 ASP.NET MVC 1.0 (四) View/Model 全解
- 从零开始学习ASP.NET MVC 1.0 (一) 开天辟地入门篇
- 学习不能从零开始