一.初识Button对象
从菜单中创建Button对象,Button的文本由子节点Text对象显示,Button对象的组件除了基础组件外,还有Image用来显示Button常规态的图片,还有Button组件用来控制点击过渡效果和点击事件的响应。
![](https://file.jishuzhan.net/article/1709961218141196290/7931469cc3300ca13a2cd24afa8a7c59.webp)
![](https://file.jishuzhan.net/article/1709961218141196290/54aba891db6a86445fc1eb8abb3c6e28.webp)
二.Button组件的属性
属性名称 | 属性说明 |
---|---|
Interactable | 决定Button是否接受输入,未勾选时交互被禁用,Button显示为禁用状态 |
Transition | 提供过渡选项供选择,来控制Button正常,高亮,按下,选中,置灰几个状态的表现 |
Navigation | 用于控制键盘导航 |
On Click() | 用户点击后松开时调用指定方法 |
ase
三.过渡设置
![](https://file.jishuzhan.net/article/1709961218141196290/a76beae536c7b4972eeca3ae82ecfc6d.webp)
过渡效果提供了无过渡,颜色切换,图片切换和动画四个选项。
- 无过渡等同于点击图片,没有显示上的变化
- 颜色切换效果:
![](https://file.jishuzhan.net/article/1709961218141196290/46f07ae3ba82b046a68fab10eaca7d94.webp)
- 图片切换效果(只设置了按下和置灰,这种效果比较常用):
![](https://file.jishuzhan.net/article/1709961218141196290/77ca6c82f86cea8deba955fe39b23026.webp)
- 动画切换效果感觉用的比较少,等用到再研究
四. 事件绑定
1.编辑器内绑定
![](https://file.jishuzhan.net/article/1709961218141196290/3beb364b739e027f7153cf602bfae312.webp)
![](https://file.jishuzhan.net/article/1709961218141196290/8d21a871dedc1686ead49cb655005f90.webp)
2.代码绑定
![](https://file.jishuzhan.net/article/1709961218141196290/362ddf42aa2dfacd4ab3892c117f8eea.webp)