NGUI 3.5过程(三)Button button

写在前面:    

本文将创建一个主要的Button。而且编写脚本,响应点击事件。

欢迎大家纠错、拍砖。原创非常辛苦,如有转载,请注明出处。

Button -- button

在NGUI 3.5 里,Button这个控件,经过了整理。比方更改了创建方式(搜索、拖拽);比方合并了 2.x里的Button和Image Button。个人认为这样是合理的,wxPython的Button,就不分基本button,还是图片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的一堆控件。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbmdnb25nMmRt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbmdnb25nMmRt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

在检视面板中。能够看到,Simple Button默认有4个组件:

Transform 作为Unity最主要的组件。这里不再做解释。

UIScript (Script) 是NGUI默认挂载在Button上的脚本,主要是指定图集(Atlas)、深度等操作。

UIButton(Script) 是NGUI默认挂载在Button上的脚本,主要是指定button状态的,比方普通(Normal)、悬停(也称徘徊、经过。Hover)、按下(Pressed)、禁用(Disabled)。

Box Collider 是默认挂在button上的一个盒碰撞器。其作用是使Button控件具有碰撞属性。NGUI中事件的触发都须要对象具有碰撞属性。

(3)通过Label的Text属性,能够给简单的button改文字。

这里我给改成 Button-1。

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

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

using UnityEngine;
using System.Collections;

public class TestButton : MonoBehaviour {

	// Use this for initialization
	void Start () {

	}

	void OnClick () {
		Debug.Log("OK! Get the click!");
	}
}

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbmdnb25nMmRt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

好,点击button会,会发现信息打印!

button点击事件成功响应!

ps. button显灰(buttondisable)设置

this.GetComponent<UIButton> ().isEnabled = false;

运行后,会自己主动调用disable状态时的颜色(比方默认的浅灰色)。并禁用button。

版权声明:本文博主原创文章。博客,未经同意不得转载。

时间: 2024-08-09 03:46:30

NGUI 3.5过程(三)Button button的相关文章

NGUI 3.5教程(三)Button 按钮

向原创致敬http://blog.csdn.net/chenggong2dm/article/details/25504611 写在前面:     本文将创建一个基本的Button.并且编写脚本,响应点击事件. 欢迎大家纠错.拍砖!原创很辛苦,如有转载,请注明出处. Button -- 按钮 在NGUI 3.5 里,Button这个控件,经过了整理.比如更改了创建方式(搜索.拖拽):比如合并了 2.x里的Button和Image Button.个人觉得这样是合理的,wxPython的Button

input[type=&#39;submit&#39;]input[type=&#39;button&#39;]button等按钮在低版本的IE下面,去掉黑色边框的问题

今天做一个tabs效果的时候,发现上面的button在低版本下会出现黑色的边框,很难看,于是我整理了下几个去掉黑色边框的办法: 1.在button的外层嵌套一个div,设置button的border:none; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <st

NGUI制作字体的三种方法

主要参考两篇博文: (1).NGUI制作字体的三种方法 (2).使用位图字体工具BMFont从图片生成自定义字体 1.BMFont下载地址 http://www.angelcode.com/products/bmfont/ 2.BMFont使用方法 http://momowing.diandian.com/post/2013-01-24/40046239211 首先打开Font Settings,选择要制作的字体.可以从Font列表中选择一种字体,也可以通过Add font files导入一个t

使用&lt;button&gt;&lt;/button&gt;标签

使用<button></button>标签一定要记住给它设置type,因为它默认的type=“submit”,会提交表单,设置如下 <button type="button"  onclick="chooseAdministrative();">选择</button>, 否则在执行 function chooseAdministrative 函数的时候它也会提交表单

&lt;input type =&quot;button&quot;&gt;&lt;/input&gt;和&lt;button&gt;&lt;/button&gt;在mvc中的区别

今天整了一上午,在MVC3中的form表单中放一个<button></button>一触发button中的onclick事件尽管没submit但仍然会提交表单(提交地址是默认传过来的地址一般为/ControllerName/Index)而<input type="button"></input>则不会 无意中把<button>标签放到了<form>标签中,你会发现点击这个button变成了提交,相当于<inp

Unity插件之NGUI学习(3)—— 创建Button

紧接上一个的项目,使用NGUI在Plane下创建Button 选中Hierarchy窗口中Plane,选择菜单NGUI->Open->Widget Wizard,打开Widget Tool窗口 在Widget Tool窗口选择先前制作的Atlas,在Template中选择Button,在Background选择按钮背景图,Add To选择Plane,按钮就会出现了. 下面介绍按钮触发事件: 可参考宣雨松的关于NGUI事件的文章:http://www.xuanyusong.com/archive

NGUI注册事件的三种方式

1.第一种方式 当一个元素要执行某个方法,而这个方法在此元素赋予的脚本上有,那么直接会调用此方法,但此方法的名称必须是内置的固定名称,例如OnClick,OnMouseOver,OnMouseOut等,不然会无法执行的! 至于原因,请看此链接:http://www.cnblogs.com/MrZivChu/p/event.html 2.第二种方式 为此元素添加Button Message脚本组件,参数Target表示目标对象,也就是说方法所在的脚本赋予在哪个对象上,Function Name表示

HTML篇之CSS样式:&lt;button&gt;&lt;/button&gt;按钮变成超链接&lt;a&gt;&lt;/a&gt;的样式

原文:http://blog.csdn.net/qq_16769857/article/details/52055349 [html] view plain copy print? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="

NGUI学习笔记(三):屏幕自适应

我们开发移动端游戏的时候,一般都会选择Constrained/FixedSize的缩放模式来保证图片在不同的分辨率下相对于屏幕的尺寸保持一致,但是对于屏幕自适应来说,这还是不够的,不同的手机存在不同的高宽比,所以需要引入相对位置的概念. NGUI作为一款成熟的UI插件,为我们提供了成熟的屏幕自适应技术. Anchor组件 我们可以创建一个Anchor组件到舞台,Anchor即锚点,其作用是可以指定为摄像机的9个点(分别是:上左.上.上右.左.中.右.下左.下和下右)为其锚点,当摄像机的尺寸变化(