组件样式如下：

二、细节对比：

• 渲染顺序：

    NGUI根据depth的大小，UGUI根据在层次面板上的先后顺序。如上图中文本与图片的渲染顺序，NGUI中Sprite的depth为0，Label为1，Label后渲染，显示在Sprite的上方；UGUI层次面板中，Text在Image的上方，则Image后渲染，显示在Text的上方。（UGUI中Canvas之间通过order决定渲染顺序）

• 适配：

--------------------------------NGUI------------------------------------ 

    NGUI有个子物体Camera，其Size大小会影响适配，各个组件Anchors也会影响适配，除此之外，Scaling Style也会影响适配。 UIRoot脚本是开源的，所以我们看 到Scaling枚举如下：

 

• Flexible：[灵活的]，当Scaling Style的值设为Flexible时，UIRoot属性面板如上图所示。
• • Minimum Height：默认为320，当屏幕高度小于320时，在该屏幕上显示的效果和屏幕高度为320的效果一样。
  • Maximum Height：默认为1536，当屏幕高度大于1536时，在该屏幕上显示的效果和屏幕高度为1536的效果一样。
  • Shrink Portrait UI：当是竖屏状态时，即宽度小于高度，按宽度来适配。
  • Adjust by DPI：使用dpi做适配计算。
• Constrained：[受限的]，屏幕按照尺寸比例来适配。当Scaling Style的值设为Constrained时，UIRoot属性面板如下图所示。

 

• 如果Fit都没勾选（Constraint.Fill）：当适配宽高比小于实际宽高比时，就会按照宽度适配，反之按照高度适配。该情况下可以保证显示结果永远没有黑边，但上下或者左右两边可能会被裁剪。
• 如果勾选了Width（Constraint.FitWidth）：那么就会在屏幕比例发生变化时，按照宽度来适配。
• 如果勾选了Height（Constraint.FitHeight）：那么就会在屏幕比例发生变化时，按照高度来适配。
• 如果两个都勾选了（Constraint.Fit）：当适配宽高比大于实际宽高比时，就会按照宽度适配，反之按照高度适配。该情况下可以保证显示开发时能见到的所有内容，但是可能上下或左右会出现黑边。

• ConstrainedOnMobiles：如果平台是编辑器、IPhone、安卓、WP8、Unity_WP_8_1或者黑莓，UI Root缩放方式为Scaling.Constrained，其他平台为Flexible。