Unity3D学习笔记之uGUI(1):Canvas简述

发表于2017-02-21
评论0 3.4k浏览

  UGUI的界面是用Canvas(画布)进行布局的,考虑到它的渲染顺序不一样,有些人可能就不怎么会使用了,为此为了帮助大家,下面就给大家详细介绍下如何用好uGUI Canvas,一起来看看吧。

一、概述

        

         UI系统可快速直观的创建用户界面。本文主要阐述Unity3DUI系统(uGUI)的主要功能。【参照NGUI

 

1Canvas

         Canvas(画布)容纳所有UI元素。Canvas是一个挂载了Canvas Component组件的Game Object,所有UI元素都必须是它的子节点。【类似NGUIUIRoot

         若想创建一个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元素出现重叠,则后来着绘制于先来着之上。【区别于NGUIUIWidget.depth

         若想更改UI元素绘制顺序,只需在Hierarchy视图中拖拽它们,变更它们在Hierarchy视图的顺序。当然,也可通过Transform的脚本方法SetAsFirstSibling()SetAsLastSibling()SetSiblingIndex()来动态修改节点顺序。

        

1.2 Render Modes

         Canvas的渲染模式(Render Mode)可选Screen SpaceWorld 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世界成员时,此模式十分奏效。

        

 点击访问官方英文文档

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引