在Unity官网的Asset Store中下载UGUI
在学习一个插件之前，如果快速的了解这个插件呢？最简单的方式就是查看插件自带的一些例子，通过看这些例子，了解基本的一些实现的功能，以及脚本
NGUI>>Open>>Atlas Maker
弹出Atlas Maker窗口，点击New按钮
点击完之后，Altas显示None
会提示你保存目录，设置命名，点击保存
完成效果
点击View Sprites可以预览图集里面的精灵
保存的目录会多出同名的材质、预设体、导入设置文件三个东西
这样，包含选中精灵的图集就诞生了
注意：在NGUI中，不能像在UGUI中直接拖入精灵，而是必须要先设置图集，再从图集中选择精灵
添加一个精灵
选中精灵，将它的Anchors的Type：Unified
Target:精灵的参照物
Left：精灵的左边距离参照物左边的距离
Right：精灵的右边距离参照物右边的距离
Bottom：精灵的下边距离参照物下边的距离
Top：精灵的上边距离参照物上边的距离
、
Scaling Style:Constrained
Content Width:UI根据当前的宽度自动进行缩放
Content Height：UI根据当前的高度自动进行缩放
Scaling Style:Constrained On Mobiles(跟Constrained类似，只不过是针对移动端的，用第二种就可以)
Debug：在运行的时，会在Game视图的左上角显示一些信息，当鼠标触发事件的时候，值会发生相应的改变
显示选中的Panel的Draw Call
-功能：点击小书按钮，精灵移动到UI Root中间位置；点击叉号按钮，返回起始位置
在精灵身上会多个Tween Position脚本
选中打开按钮，在UI Button脚本的On Click面板中：
Method：TweenPosition/PlayForward（向前播放）
同理，选中关闭按钮，其他跟打开按钮一样，最后的Method换成TweenPosition/PlayReverse（向后播放）
Tween Position脚本取消勾选（使用）
如果你刚刚用了第一种方式触发事件，而现在用第二种方式触发事件，你需要把刚刚在两个按钮控件上的On Click中方法取消掉，点击Notify中的减号按钮取消
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class BtnEvent : MonoBehaviour
{
public UIButton BtnOpen;
public UIButton BtnClose;
public UISprite BG;
private TweenPosition tp;
private void Awake()
{
tp = BG.GetComponent<TweenPosition>();
}
private void OnEnable()
{
BtnOpen.onClick.Add(new EventDelegate(ClickBtnOpen));
BtnClose.onClick.Add(new EventDelegate(ClickBtnClose));
}
private void OnDisable()
{
BtnOpen.onClick.Remove(new EventDelegate(ClickBtnOpen));
BtnClose.onClick.Remove(new EventDelegate(ClickBtnClose));
}
void ClickBtnOpen()
{
tp.PlayForward();
}
void ClickBtnClose()
{
tp.PlayReverse();
}
}
原文：https://www.cnblogs.com/YZFHKMS-X/p/11964164.html