1.1　原理

首先得生成显示UI用的Mesh，如图1-1所示，一个矩形的Mesh，由4个顶点，2个三角形组成，每个顶点都包含UV坐标，如果需要调整颜色，还需要提供顶点色。就像UGUI中调节图片和文本的颜色，其实就是设置它们的顶点色而已。

图1-1 网格

然后将网格和纹理信息送入GPU中渲染，如图1-2所示一个最简单的UI元素就渲染出来了。如果再继续排列组合其他的UI元素，那么一个游戏界面就诞生了。所谓的UI其实就是用一个正交摄像机端端地看着若干个平面网格。

图1-2渲染

以上只是UI的最基本的显示原理，虽然这样是可以拼出来UI的，但是我们是无法应用在游戏中的。比如，DrawCall需要合并，UI的点击操作事件、UI基础组件等等，所以就诞生了伟大的UGUI。带着界面打开慢和界面操作慢的两个问题，我们开始分析UGUI的源码来寻找一些答案。

更多内容可以前往《UGUI深度研究之源码鉴赏》查看。

https://edu.uwa4d.com/course-intro/0/79

由于部分源码较长，为了不影响大家阅读我会删除一些无用的代码段，仅保留重要的代码段。