NGUI 3.5 里,Button这个控件,经过了整理。比如更改了创建方式(搜索、拖拽);比如合并了 2.x里的Button和Image Button。个人觉得这样是合理的,wxPython的Button,就不分基本按钮,还是图片按钮,只是创建时候的参数不同而已(重载)。

1,创建 Widget

如果已经创建过Widget(或者存在UI Root 和Camera),请忽略此步骤。直接跳到步骤2。否则执行以下步骤:

确保你的项目里已经导入了NGUI(如有不明,请看我写的《NGUI 3.5教程(一)》)。或者新建一个空白项目,然后导入NGUI。

为了显示label,我们需要新建一个Widget。也就是所谓的小工具。在菜单上点击【NGUI】-->【Create】-->【Widget】。

之后,Hierarchy面板上,会自动建立出 UI Root,包括(Camera 、Container)。

2,创建 Button

在NGUI 3.5中,创建Button比较特殊,可以通过【搜索】,然后【拖拽】实现。具体为:

(1)在Project面板中,搜索“Control”,也就是搜索控件。之后,会发现NGUI的一堆控件。

      (2)找到 Simple Button,拖拽到层级面板下面。我这里把它拖拽到Container下面

(3)通过Label的Text属性,可以给简单的按钮改文字。这里我给改成 Button-1。

3,编写脚本,处理 Button 点击事件

在Project面板中,新建一个Scripts 文件夹,然后右键-->【Create】-->【C# Script】,创建一个C# 脚本。取名为TestButton.cs:

      保存脚本,然后把这个脚本拖拽到层级面板的 Control - Simple Button上,之后,运行:

     好,点击按钮会,会发现打印信息!按钮点击事件成功响应!


     ps. 按钮显灰(按钮disable)设置

    执行后,会自动调用disable状态时的颜色(比如默认的浅灰色),并禁用按钮。