【跟随】Kirill Muzykov大神 Unity UGUI（1）

  Canvas 是所有UI元素的超类，在你添加第一个UI元素时，它会自动创建，同时它的很多属性会控制你UI的呈现。

   EventSystem 负责处理场景中输入，映射和事件。它要求UI是可运行的，所以这就是它加进来的原因。

（）将导入图片设置为原分辨率大小：

      选中 图片. 在Inspector中, 选择默认选项卡，这是最大尺寸为2048，点击应用.

现在在hierarchy 选择图片 ,然后再一次点击 Set Native Size . 宽高应该变成了正确的了，就着了1136和640.

（二）设置屏幕视角的分辨率

在hierarchy中选择 Canvas，找到Canvas Scaler组件，将UI Scale Mode设置为Scale With Screen Size。

设置他的分辨率为1136 x 640.此外，一路滑动到合适的宽高，Match干脆输入1。

（三）UGUI新特性，Rect Transform

不再是以前的Transform

如果你选中了UI 元素，你会看到不同的区域变换组件名称，

这是有关锚点的知识点，详情可看http://www.raywenderlich.com/78675/unity-new-gui-part-1

（四）九切边缩放

长用于Button的图片上。将一张图片分为九个区域，每一个位置的缩放都不一样

这样就保证了图片在任何尺寸看上去都是好的

在面板的Import Setting 中。设置Format 为Truecolor ，然后点击Sprite Editor 按钮 打开精灵编辑view

Kirill Muzykov原画：设置Format 为Truecolor 对图片的的比例是没有要求也没有关系的。但是，我体验到了压缩艺术在我这设置图片的经历中，所以我发现这样做更好，如果你的图片在压缩的过程中看起来还要，你就不需要这样设置

设置按钮图片

在准备好图片后，你只需要把他们拖入到corresponding 区域中，在hierarchy中选中图片，下边是步骤

1.把Image Type 变为在Imge组件中 的Sliced

2.把Transition变为在Button组件中的SpriteSwap（多个图片形成动画高亮等状态）

（五）场景跳转

Application.LoadLevel("NextScene");