NGUI中不仅有很多插件还有脚本，所以今天我们来学习了解一下其中的一个ngui脚本：UIRoot。

UIRoot是NGUI最根本和最重要的脚本，在实际UI开发过程中都是以UIRoot为根的GameObject树，那他的作用到底是什么，先看下UIRoot的Inspection选项：

 Scaling Style参数

1. public enum Scaling
2. {
3. PixelPerfect,
4. FixedSize,
5. FixedSizeOnMobiles,
6. }

Scaling Style参数的作用是制定UIRoot的缩放类型，如果是PixelPerfect，Minimum Height和Maximum Height才起作用，换而言之，如果Scaling Style选择的是PixelPerfect就要对Minimum Height和Maximum Height进行设置。FixedSize和FixedSizeOnMobiles只跟Manual Height有关，区别在于后者（FixedSizeOnMobiles）只是针对IOS和Android上的判断，也就是说只有IOS和Android平台下FixedSizeOnMobiles才起作用。

那他们是怎么缩放的呢？如果是PixelPerfect缩放类型，当屏幕的分辨率大于Maximum Height，则以Maximum Height 为基础缩放，反之，如果屏幕分辨率小于Minimum Height 则以Minimum Height为基础进行缩放。例如，如果屏幕高度为1000，而设置的Maximum Height值为800，则UI界面整体放大为原来的1000/800=1.25倍。

如果Scaling Style指定为FixedSize或FixedSizeOnMobiles，则缩放只以Manual Height为参考，屏幕分辨率的高度值不同于此设置值时，则根据其比例（即Screen Height / Manual Height）对整棵UI树的进行“等比”缩放（宽度的缩放比也是此比例值）。

如果Scaling Style指定为FixedSize，UIWidget.height（以UIRoot默认进行高度缩放）是不会改变的（有关UIWidget的内容可以查看D.S.Qiu的另外一篇文章），不管实际屏幕分辨率的像素是多少，这看下Example 1 的 Anchor Stretch的背景图片，高度始终都是800，即设置的的manualHeight：

也就是相当于UIRoot下的UIWidget的height参数一直都是实际的值，虽然在实际在显示器显示的高度不是UIWidget.height这个值，所以才有了放缩的感觉。实际的放缩是根据Camera.pixelHeight（这个值和Screen.height的大小是一样的）来的，也就是放缩比 = Camera.pixelHeight/UIRoot.manualHeight，或者是Screen.height/UIRoot.manualHeight。

Scaling Style策略

使用PixelPefect，只要是想达到UI图片尽可能不缩放，保持原尺寸大小，这种在PC端这种可以调节界面大小的会使用比较多。

FixedSize只要是希望UI界面尽可能和屏幕分辨率适配，如移动设备上，特别是手机上，屏幕就那么小，UI界面一定要求全屏显示，就要进行缩放。

Scale的实现

可以看出Update函数中是根据activeHeight来调整UIRoot的transform的localScale来实现的，哈，竟可以这么简单。那么，我们只要弄清楚activeHeight就可以了：

1. public int activeHeight
2. {
3. get
4. {
5. int height = Mathf.Max(2, Screen.height);
6. if (scalingStyle == Scaling.FixedSize) return manualHeight;
7. #if UNITY_IPHONE || UNITY_ANDROID
8. if (scalingStyle == Scaling.FixedSizeOnMobiles)
9. return manualHeight;
10. #endif
11. if (height < minimumHeight) return minimumHeight;
12. if (height > maximumHeight) return maximumHeight;
13. return height;
14. }
15. }

 Orthographic Size和分辨率

在上面Update和activeHeight的函数中都出现了  “2” 这个常数，这个常数到底是怎么来的。要想知道这个，就要明白Camera 设定为Orthographic类型中的Size(即Orthographic Size)的含义，查看Unity文档，就可以知道这个Size是Camera看到区域的一半，如果Size设置为1，则Camera可以看到高度为为2的区域，然后我们知道照相机看到的区域是全画在整个屏幕的，也就是说Size的值对应为屏幕分辨率的一半。

如果屏幕宽度为1000个像素，Size设置的值表示1000/2=500个像素。所以，我们通过整个关系计算UIRoot下的GameObject的实际对应屏幕的高度：从GameObject向上一直到UIRoot，将它们的loaclScal相乘得到的乘积除以Size乘以屏幕高度的一半，即（localScale*....localScale)/Size*Screen.height/2。

 UIRoot细节

前面说道Update函数中有一个常数 2 ，表示Size是设置为1的，这个可以从Start函数就可以知道：

1. protected virtual void Start ()
2. {
3. UIOrthoCamera oc = GetComponentInChildren<UIOrthoCamera>();
4. if (oc != null)
5. {
6. Debug.LogWarning("UIRoot should not be active at the same time as UIOrthoCamera. Disabling UIOrthoCamera.", oc);
7. Camera cam = oc.gameObject.GetComponent<Camera>();
8. oc.enabled = false;
9. if (cam != null) cam.orthographicSize = 1f;
10. }
11. else Update();
12. }

但是这里似乎有点疏忽，这里只移除UIOrthoCamera这个脚本(UIRoot脚本开始就言明这两个脚本不能同时使用，所以要移除)，并将cam的orthographicSize设置为1f，但是我想如果没有UIorthoCamera这个脚本的话，就不会重新设置Camera的orthographicSize值，这样如果orthographicSize不是1的话，效果就不一样了。刚开始我会以为这是NGUI developer的一个Bug，但是如果都在Start设置orthographicSize为1f，那这个参数就没有意义了，让使用者自己设置可以有更多效果，如“屏中屏”——将满屏的UI缩放为另外一个UI界面的一半大小，所以才会说“似乎有点疏忽”。

很明显可以orthographicSize=2时，图片进行了缩小。当orthographicSize=1时背景图片用了UIStretch脚本来实现满屏效果，当orthographicSize为2时却没有满屏，这就说明代码中UIRoot是以2为屏幕宽度的，现在Camera的视野大小为4，那映射到屏幕当然不会有“满屏”的效果了（只会是屏幕宽度的一半），背景图片在左上角是因为使用UIAnchor脚本。

②和③中分别都介绍了如何设置Orthographic Size来达到像素和Unity中单位对应起来，都写的很不错，这也是我写这篇博客的一个触动。

基于宽度放缩

1. int height = Mathf.Max(2, Screen.height);
2. manualHeight = Screen.height * 1024 / Screen.width; //基于宽度的屏幕分辨率自适应

小结：