UGUI Button控件

今天一起来学习下Button控件, Button控件其实是由Text,Button,Image组件形成的. 这里就简单介绍下Button组件

image

Interactable: 代表该组件是否进行交互, 我们以前让组件是否进行交互通常 组件.Enable = false 这样的.  现在只需要改变属性即可

Transition:这单词翻译过来是过渡的意思, 让某种状态 - > 过渡 - > 另一个状态.  它有四种过渡类型:

image

None : 无过渡

Color Tint:      颜色变化过渡

Sprite Swap:   图片变化过渡

Animation:      靠一些动画来过渡

 

Color Tinit颜色过渡状态:   

Normal Color: 默认状态
Highlighted Color: 鼠标悬浮状态
Pressed Color: 点击下去状态
Diabled Color:禁用状态
Color Multiplier颜色倍数设置高了就会变成白色
Fade  Duration状态互相切换, 颜色缓动的时间

 

Sprite Swap: 图片过渡状态:  和颜色的状态都相同, 只是每一个状态呈现的图片不一样

Naviation 这个属性我不太明白,  貌似是辅助在页面布局!(如果知道的小伙伴请留言一起研究下哦)

 

 

Animation: 动画过渡, 以前按钮的动画我们一般使用itween 或者 NGUI内置的动画组件设置 鼠标移动上去的时候变大缩小等等

学习这里你需要先了解下Animation 和 动画状态机.

点击: Auto Generate Animation按钮,会自动帮你创建一个动画状态机.(当然你也可以自己手动创建,只要动画块名称,切换状态的参数一样即可)

image

你可以为每一个状态设置, 游戏物体某组件的属性变化,选中游戏物体,点击Window –> Animation 打开窗口, 就能看下以下图.

我们来为按钮Pressed状态添加帧动画.

image

image

 

按钮的事件:简单的OnClick事件, 有三个选择框

1. Runtime only 全部环境都执行这个事件, off表示不执行, Editor And Runtime(我也不太理解这个选项=.=),

另外两个选中框分别是游戏物体, 选中执行的函数.

image

转载于:https://www.cnblogs.com/plateFace/p/4339811.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值