ngui的用法

本文将为大家详细分享 NGUI 的用法及具体步骤。

NGUI 使用步骤

1. 打开 UI 向导

启动相关工具后，找到并打开 UI 向导，这是创建 NGUI 界面的起始步骤。

2. 选择 UI 样式

在 UI 向导中，根据项目需求选择合适的 UI 样式，不同的样式会影响最终界面的整体风格。

3. 配置 UI 面板

对 UI 面板进行设置，包括面板的大小、位置、颜色等属性，以满足界面布局的要求。

4. 添加小工具

在 UI 面板上添加各种小工具，如文本框、进度条等，丰富界面的功能。

5. 选择类型并拖入图集和字体集

确定所需控件的类型，然后将准备好的图集和字体集拖入相应的设置区域，为控件提供视觉资源。

6. 选择控件模板

再次拖入图集和字体集，同时选择合适的控件模板，以便快速创建具有特定样式的控件。

7. 完成添加操作

确认所有设置无误后，完成控件的添加，此时界面上会显示出已添加的控件。

8. 查看结果

检查最终的界面效果，确保各个控件的显示和功能符合预期。

按钮事件处理

添加按钮到面板

在面板上添加一个按钮，用于后续的事件绑定。

创建代码

创建一个名为 TestPanel 的代码文件，以下是具体代码：

using UnityEngine;
using System.Collections;

public class TestPanel : MonoBehaviour
{
public GameObject button;

// Use this for initialization
void Start()
{
button = transform.FindChild("Button").gameObject;
// 给按钮添加 NGUI 委托事件
UIEventListener.Get(button).onClick += TestButton;
}

// Update is called once per frame
void Update()
{
// 可根据需求添加更新逻辑
}

void TestButton(GameObject go)
{
Debug.Log("你点击了" + go.name);
}
}

代码挂载

将上述代码文件拖到面板对象上，这样按钮的点击事件就会按照代码逻辑进行处理。当点击按钮时，控制台会输出相应的日志信息。

通过以上步骤，你可以完成 NGUI 界面的创建和按钮事件的处理，实现基本的 UI 交互功能。