Unity3D学习笔记之uGUI(1):Canvas简述
UGUI的界面是用Canvas(画布)进行布局的,考虑到它的渲染顺序不一样,有些人可能就不怎么会使用了,为此为了帮助大家,下面就给大家详细介绍下如何用好uGUI Canvas,一起来看看吧。
一、概述
UI系统可快速直观的创建用户界面。本文主要阐述Unity3D新UI系统(uGUI)的主要功能。【参照NGUI】
1、Canvas
Canvas(画布)容纳所有UI元素。Canvas是一个挂载了Canvas Component组件的Game Object,所有UI元素都必须是它的子节点。【类似NGUI的UIRoot】
若想创建一个UI元素(比如Image),点击菜单Game Object > UI >Image即可。若当前场景中无Canvas,则自动创建一个Canvas,且刚建的UI元素会自动设为此Canvas的子节点。
在Scene视图中Canvas区域以一个矩形显示,帮助查看全部UI元素的位置,而不必切换到Game视图。
Canvas使用EventSystem作为消息系统。
1.1 Draw order of elements
UI元素的绘制顺序就是它们在Hierarchy视图的排列顺序,也即由上至下依次绘制。假如两个UI元素出现重叠,则后来着绘制于先来着之上。【区别于NGUI的UIWidget.depth】
若想更改UI元素绘制顺序,只需在Hierarchy视图中拖拽它们,变更它们在Hierarchy视图的顺序。当然,也可通过Transform的脚本方法SetAsFirstSibling()、SetAsLastSibling()、SetSiblingIndex()来动态修改节点顺序。
1.2 Render Modes
Canvas的渲染模式(Render Mode)可选Screen Space或World Space。
1.2.1 Screen Space - Overlay
此模式下,UI元素在屏幕顶层。若屏幕分辨率变更,则Canvas自动调整自身尺寸作自适应。(满屏显示,不受Camera属性值影响)
1.2.2 Screen Space - Camera
此模式类似Screen Space - Overlay,但区别是此模式将Canvas放置于某个Camera前固定距离。此Camera负责渲染所有UI元素,则摄像机参数(Camera Settings)直接影响UI表现。比如Camera是透视模式(Perspective),则UI元素会基于Field of View的值而扭曲变形。同样的,若屏幕分辨率变更,或者视觉平截体(CameraFrustrum)改变,则Canvas自动调整自身尺寸作自适应。
1.2.3 World Space
此模式下,Canvas及其子节点与场景中其他Game Object并无区别。此时Canvas尺寸可通过RectTransform来手工设置,并且UI元素的绘制位置、顺序通过自身在3D世界的实际坐标来决定。当UI元素应用为3D世界成员时,此模式十分奏效。