Unity UI 基础【译】

时间:2024-10-24 14:05:26

https://unity3d.com/cn/learn/tutorials/topics/best-practices/fundamentals-unity-ui?playlist=30089

理解组成Unity UI系统的各个部分很重要。一些基础的类和组件一起组成了这个系统。这一章节介绍一些的这系列文章所用到的术语,然后讨论一些Unity UI 关键系统的底层行为。

术语

Canvas是Unity的一个内部组件(native-code Unity Component)。由Unity渲染系统使用,可以提供将在游戏世界空间中绘制的分层几何图形。

Canvas负责把它们上面几何体合并成批次,生成合适的渲染指令,发送给Unity的图像系统。所有这些都是Unity 本地C++代码实现的,被称作rebatch 或者 batch build。当一个Canvas被标记为包含需要被rebatch的几何图形,那这个Canvas被认为dirty

几何图形通过 Canvas Render 组件传递给Canvas。

一个 Sub-canvas 是一个嵌套在另一个Canvas下的Canvas。Sub-canvas 是它的子级和它们的父级隔离:一个dirty的子级不会强制它的父级去重新生成几何图形,反之亦然。(一个canvas是一个重绘单位)[1]

Graphic是Unity UI库提供的基类。它是所有能为Canvas系统提供可绘制几何图形的Unity UI C# 类的基类(Image,RawImage,Text)。大部分内置的Unity UI图形都是 MaskableGraphic的子类,这样它们可以通过IMaskable接口来实现遮罩。主要的可绘制的子类是 ImageText,它们提供了同名的组件。

Layout components 控制RectTransform的大小和位置,通常被用来创建一些复杂的排版,这些排版依赖于它们内容的相对大小和相对位置。排版组件只依赖于RectTransform,并且只影响它们管理的RectTransform。它们不依赖图形类,并且它们可以独立于Unity UI图形组件使用。

图形组件和排版组件,都依赖于CanvasUpdateRegistry类,这是UnityEditor内不可见的接口。这个类记录那些需要被更新的排版和图形组件,并且当其关联的Canavs触发willRenderCanvases事件时,触发更新。

图形组件和排版组件的更新被称为重建(rebuild)。重建的过程会在之后的文档中详细介绍。

渲染细节

当使用Unity UI 制作用户界面时,记住,所有的被canvas绘制的图形都是被放在透明渲染队列。这意味着,Unity UI产生的图形都会使用透明混合(alpha blending)从后向前渲染。有一个重要的性能点要注意:图形上的每一个像素都会被采样,即使它被另一个不透明的图形完全覆盖。在移动设备上,大量的的过度绘制(overdraw)可以快速超出GPU填充率的上限。

合批过程(Canvases)

合批过程是指Canvas合并UI元素的网格,并且生成发送给Unity渲染管线的命令。这个过程产生的结果会被缓存住,直到他们被重新标记为dirty,组成它的任何一个网格变化都会使其变为dirty。

Canvas使用的网格都是从绑定在Canvas上的CanvasRenderer获得,但是不包含子Canvas的网格。

计算合批需要按照网格的深度,是否遮挡,是否共享材质等方面排序。这个操作是多线程的,因此不同的CPU结构,它的性能也不同,特别是移动SoCs(通常有几个CPU核)和台式CPU(通常有4个或更多的核)。

重绘过程(Graphics)

重绘过程是指Unity UI 的C# 图形组件的排版和网格被重新计算。这在 CanvasUpdateRegistry类中执行。记住这是一个C#类,并且可以再Unity Bitbucket上找到。

CanvasUpdateRegistry内部,需要关注的方法是PerformUpdate。当Canvas组件触发WillRenderCanvases事件时都会调用这个方法。这个事件每一帧都会执行一次。

PerformUpdate执行三个步骤:

  • 标记为dirty的排版组件通过ICanvasElement.Rebuild方法重建布局。
  • 任何注册过的裁剪组件(如mask),需要去裁剪所有可剔除的组件。这是通过ClippingRegistry.Cull实现的。
  • 被标记为dirty的图形组件,重建它们的图形元素。

对于排版和图形的重建,这些过程都会分解成过个部分。排版重建分成三个过程(PreLayout, Layout and PostLayout),图形重建包含两个过程(PreRender and LatePreRender)。

排版重建

要重新计算包含一个或多个布局组件合适的位置(大小),设置合适的层级顺序很重要。在层级监视器(hierarchy )中排版靠近根节点的可以能会影响它子集的排版,所以需要被先计算。

为了实现这个,Unity UI 按照hierarchy中深度对dirty的排版组件排序,越高的(父节点少的)排在前面。排序后的布局组件被要求重建它们的布局;这就是通过改变布局组件来控制UI元素位置和大小。有关布局如何影响单个元素更多详细信息,参阅Unity 手册中UI Auto Layout部分。

图形重建

当重建UI的时候,Unity UI 会调用ICanvasElement的Rebuild接口。图形实现这个接口,在PreRender阶段执行两个步骤。

  • 如果定点数据被标记为dirty(如RectTransfom改变大小),那么需要重建网格。
  • 如果材质数据标记为dirty(如材质或者纹理改变),关联的CanvasRenderer的材质也需要被更新。

    图形重建不是通过按照指定顺序设置图形组件层级执行的,不需要任何排序操作。

尾注

  1. 有一些说法是不正确的,如改变父物体的画布,会导致子物体画布调整大小。