十、按钮,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. 在找一份相对完整的Webpack项目配置指南么?这里有

    Webpack已经出来很久了,相关的文章也有很多,然而比较完整的例子却不是很多,让很多新手不知如何下脚,下脚了又遍地坑 说实话,官方文档是蛮乱的,而且有些还是错的错的..很多配置问题只有爬过坑才知道 ...

  2. git使用教程之git分支

    1 分支简介 让我们来看一个简单的分支新建与分支合并的例子,实际工作中你可能会用到类似的工作流. 你将经历如下步骤: 开发某个网站. 为实现某个新的需求,创建一个分支. 在这个分支上开展工作. 正在此 ...

  3. Python入门学习(一)

    看完了莫烦Python的视频,对于Python有了一点感觉,接下来打算把小甲鱼的视频啃完,附上学习网址:http://blog.fishc.com/category/python 小甲鱼的视频是从零基 ...

  4. 使用PostgreSQL进行全文检索

    * { color: #3e3e3e } body { font-family: "Helvetica Neue", Helvetica, "Hiragino Sans ...

  5. 统一addEventListener与attachEvent中this指向问题

    1.this指向问题 使用addEventListener注册的事件,事件处理函数中 this指向目标元素: 使用attachEvent注册的事件,事件处理函数中 this指向window对象 要想将 ...

  6. .NEL IL实现对象深拷贝

    对于深拷贝,通常的方法是将对象进行序列化,然后再反序化成为另一个对象.例如在stackoverflow上有这样的解决办法:https://stackoverflow.com/questions/785 ...

  7. [eclipse相关] eclipse 安装svn插件

    最近看到别人带主题的eclipse,非常羡慕,所以也换了一个eclipse,版本是java ee luna 4.4.2,然后得偿所愿有了花花绿绿的代码界面:) 但是差点被svn搞死,~~~~(> ...

  8. Flex布局(引用阮一峰大神)

    Flex 布局教程:语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程:实例篇 http://www.ruan ...

  9. 线上Mysql数据库崩溃事故的原因和处理

    前文提要 承接前文<一次线上Mysql数据库崩溃事故的记录>,在文章中讲到了一次线上数据库崩溃的事件记录,建议两篇文章结合在一起看,不至于摸不着头脑. 由于时间原因,其中只讲了当时的一些经 ...

  10. iOS 远程推送消息解析及逻辑处理

    关于远程推送的相关配置网上已经有足够多的教程,这里就不复述了.这里讲述当客户端收到推送消息后,应怎样对其进行相应的逻辑处理. 工程的AppDelegate.m文件里提供了如下方法: //当应用程序启动 ...