十、按钮,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. Ocelot API网关的实现剖析

    在微软Tech Summit 2017 大会上和大家分享了一门课程<.NET Core 在腾讯财付通的企业级应用开发实践>,其中重点是基于ASP.NET Core打造可扩展的高性能企业级A ...

  2. java爬虫--jsoup简单的表单抓取案例

    分析需求: 某农产品网站的农产品价格抓取 网站链接:点击打开链接 页面展示如上: 标签展示如上: 分析发现每日价格行情包括了蔬菜,水果,肉等所有的信息,所以直接抓每日行情的内容就可以实现抓取全部数据. ...

  3. MapReduce简单分析

    在Map端 数据从Map中写入环形缓冲区,进行分区,分区时达到80%后溢出写入到磁盘,这几步同步进行 中间有个Shuffle过程 Reduce端 执行完Map 后到Reduce内存中,进行sort和m ...

  4. 三目运算的使用&bytes类型转str类型

    一.三目运算的使用 就像c语言中有三目运算符一样,python中也有三目运算符,废话不多说直接上代码 a=3 c=4 b=a if a>c else c print(b) 意思就和 if a&g ...

  5. 注销/etc/passwd带来的系统登陆不上

    今天在修改虚拟机密码上的时候,将/etc/passwd中root所在的哪行注销掉了,想象是注销了,root登陆时应该不要输入密码,结果是系统进度条走到最后的时候 进入不了系统了. 结果去普及了下/et ...

  6. font-size:100% 原因

    The browser default which is something like 16pt for Firefox, You can check by going into Firefox op ...

  7. JS基础 复习: Javascript的书写位置

    爱创课堂JS基础 复习: Javascript的书写位置复习 js书写位置:body标签的最底部.实际工作中使用书写在head标签内一对script标签里.alert()弹出框.console.log ...

  8. Netty——高级发送和接收数据handler处理器

    netty发送和接收数据handler处理器 主要是继承 SimpleChannelInboundHandler 和 ChannelInboundHandlerAdapter 一般用netty来发送和 ...

  9. python3 selenium模拟登陆斗鱼提取数据保存数据库

    # coding=utf-8from selenium import webdriverimport jsonimport timeimport pymongo class Douyu: def __ ...

  10. Vim常用操作-Nginx配置文件批量加注释。

    刚接触 Vim 会觉得它的学习曲线非常陡峭,要记住很多命令.所以这个系列的分享,不会教你怎么配置它,而是教你怎么快速的使用它. 本期我们要实现给 Nginx 配置文件批量注释的功能,先来看效果: 操作 ...