NGUI内核大剖析（一） UIRect

UIRect是UIPanel和UIWidget的基类，研究好前者，才能更方便的研究后两者，所以我将它做为本系列的第一篇。

（注：本系列讨论的NGUI版本为3.10.0）

首先要知道的一点是，UIRect是一个abstract class，也就是抽象类，它不能被实例化。它为UIPanel和UIWidget提供了一些公用的方法，这些方法通过AnchorPoint设置后两者的矩形区域。

在UIRect的最开始，我们看到有一个Inner Class叫做AnchorPoint。结构很简单，类函数的算法也都很简单，具体的用途我们暂时不讲，后面会提到。唯一要注意的是，在set方法里，我们看到：

this.absolute = Mathf.FloorToInt(absolute + 0.5f);

这其实就等同于

this.absolute = Mathf.RoundToInt(absolute);

接着往下看

	/// <summary>
	/// Left side anchor.
	/// </summary>

	public AnchorPoint leftAnchor = new AnchorPoint();

	/// <summary>
	/// Right side anchor.
	/// </summary>

	public AnchorPoint rightAnchor = new AnchorPoint(1f);

	/// <summary>
	/// Bottom side anchor.
	/// </summary>

	public AnchorPoint bottomAnchor = new AnchorPoint();

	/// <summary>
	/// Top side anchor.
	/// </summary>

	public AnchorPoint topAnchor = new AnchorPoint(1f);

定义了四个AnchorPoint类型的变量，分别对应左右下上四个位置的Anchor Point，也就是锚点。具体是什么，我们就要结合在Unity Editor里面的应用来看了。

新建一个widget，把Anchors里的Type改成Unified或者Advanced，我们就可以自行调节Anchor Point了。Unified和Advanced区别在于，Unified统一指定一个Transform为target，而Advanced可以为左右下上每一个Anchor Point指定一个Transform为target。我们这里以Unified为例：

如图所示，以UI Root为Target，所谓Target其实就是参考系的载体，真正的参考系是图中的Target‘s Center也就是UI Root的中心位置。可以这么理解，UIWidget的左边在UI Root（水平）中心点的x坐标-50的位置，右边在UI Root（水平）中心点的x坐标+50的位置，Bottom和Top与之类似。

通过调节Left,Right,Bottom,Top后面的值，我们可以看到UIWidget的Position和Size在变化，而Scene里面所示的UIWidget的区域也随之增大减小。

至于参考系下拉菜单里的其他选项，其实都是取Target的不同位置（Set To Current Position是一个快捷方法，把参考系拉倒和UIWidget当前位置重叠的UIRoot的位置上