十、按钮,Button

1、按钮的核心作用:

  • 按钮能够接收单击并触发响应事件
  • 按钮单击时能同时触发多个响应事件
  • 按钮可以有普通、悬停、单击、禁用等多个状态的不同表现
  • 广泛的说,按钮的核心在于接收事件

2、创建按钮:

  1. 创建一个sprite,这个sprite将会是按钮的外形
  2. 选中这个sprite,然后为其添加Boxcollier,附加ButtonScript
  3. 在Sprite的子节点上添加Laber,用来显示按钮的内容

【注意】:Laber的深度要高于这个按钮的深度

小提示:创建出来的Sprite记得单击Snap,让他回归到原尺寸大小,然后再去进行调整。

3、参数解释:

(1)、Tween Target:动画目标, 默认就是按钮自己

(2)、DragOver:拖动结束事件

(3)、Transition:过渡时间

(4)、Color:颜色模块

(5)、Sprites:精灵设置模块

(6)、OnClick:按钮响应单击事件

4、制作按钮的放缩动画;当我们单击按钮时,按钮会有一个放缩动画

(1)、在按钮上添加ButtonScale脚本

  • TweenTarget:控制的动画作用的目标
  • Hover:当鼠标划过的时候,按钮控件的大小变化
  • Pressed;当按钮按下的时候,按钮控件的大小变化
  • Duration:完成缩放动画的时间

注意:ButtonScale只适用于为按钮制作动画

5、制作按钮的偏移动画:

在按钮上添加ButtonOffset

  • Hover:按钮在鼠标滑过的时候的位置偏移
  • Pressed:按钮在按下的位置偏移
  • Duration;持续时间

6、制作按钮的旋转动画

在按钮上添加ButtonRotation

7、添加按钮单击音效

在按钮上添加PlaySound

AudioClip:音效的源文件

Trigger:触发模式

Volume:声音大小

Pitch;音调

NGUI_Button的更多相关文章

随机推荐

  1. angular2安装笔记

    主要摘自:http://www.runoob.com/angularjs2/angularjs2-typescript-setup.html http://blog.csdn.net/lgpwwa/a ...

  2. Android模拟器调试html5 app

    主机:Linux x641.Android模拟器,模拟器设置--->打开Enable Usb Debug2.在主机上安装firefox,最低v36.菜单--->开发者--->WebI ...

  3. 集群配置虚拟主机及部署Hadoop集群碰到的问题

    配置集群方案 Ubuntu下的配置apache虚拟主机方案: 对其中的Master节点配置虚拟主机,可以通过Chrome浏览器访问目录. 安装虚拟主机之前,先安装Apache2 sudo apt-ge ...

  4. 0_Simple__simpleAssert + 0_Simple__simpleAssert_nvrtc

    在核函数中使用强制终止函数 assert().并且在静态代码和运行时编译两种条件下使用. ▶ 源代码:静态使用 #include <windows.h> #include <stdi ...

  5. queue的入门

    #include "iostream"#include "queue" using namespace std; void main12(){ queue &l ...

  6. Golang源码探索(二) 协程的实现原理

    Golang最大的特色可以说是协程(goroutine)了, 协程让本来很复杂的异步编程变得简单, 让程序员不再需要面对回调地狱, 虽然现在引入了协程的语言越来越多, 但go中的协程仍然是实现的是最彻 ...

  7. python3基础视频教程

    随着目前Python行业的薪资水平越来越高,很多人想加入该行业拿高薪.有没有想通过视频教程入门的同学们?这份Python教程全集等你来学习啦! python3基础视频教程:http://pan.bai ...

  8. windows下配置php + mysql环境

    一.php服务器环境:apache + php安装与配置 1.下载apache.(httpd.apache.com) apache官网只提供源码,编译文件会有跳转到别的网站的下载地址. 如需VC9或V ...

  9. C#多功能DataGridView打印类(WinForm)

    ;                printPreviewDialog.ShowDialog();            }            catch            {         ...

  10. Python 面向对象(五) 描述器

    使用到了__get__,__set__,__delete__中的任何一种方法的类就是描述器 描述器的定义 一个类实现了__get__,__set__,__delete__中任意一个,这个类就是描述器. ...