Unity版本:4.5.1  NGUI版本:3.6.5

  注意NGUI版本,网上的大部分教程都是2.x版本的,在步骤上面略有不同,此文适合初学者。

示例:

  通过NGUI创建一个背景和按钮。

1.首先创建一个新场景,并保存,在此场景取名为Test:

  在Unity主界面上:File — New Scene,然后保存场景,File — Save Scene As.. 在此,场景命名为Test,可以在Unity中看到如下效果:

Unity NGUI 创建简单的按钮    Unity NGUI 创建简单的按钮

2.网上的绝大部分教程都说要删除场景中的自带摄像机,即上文左侧图中的 “Main Camere”,但是,感觉没删除也不会有问题,可以看到效果,这里自由选择。接下来通过NGUI开始创建:

NGUI —— Create —— 2D UI :

Unity NGUI 创建简单的按钮

可以看到效果如下所示:

Unity NGUI 创建简单的按钮

3、选择UI Root下的Camera,通过NGUI——Create——Anchor创建Anchor,在Anchor下添加一个Panel:

效果如下:

Unity NGUI 创建简单的按钮

 

5、接下来添加按钮背景:

打开Widger Wizard:

Unity NGUI 创建简单的按钮

在界面中点击Add To完成按钮的背景设置:

Unity NGUI 创建简单的按钮

6、这时候创建一个C#脚本用来响应按钮的点击:

代码如下:

using UnityEngine;
using System.Collections;

public class BtnClick : MonoBehaviour {

    // Use this for initialization
    void Start () {
    }
    
    // Update is called once per frame
    void Update () {
    }

    void OnClick()
    {
        Debug.Log ("xx");
    }
}
BtnClick

相关文章: