Unity UGUI入门组件整理(二)【Button组件】

Button:接上篇,咱们直接在Panel上面创建Button

创建Button组件
1、首先,还是看图说话:创建的步骤和panel 完全相同,再这里不再重复。
2、关于Button大小的修改的调整,调整工具
可以使用调整工具自行调整(注意所有的UI都尽量不要使用缩放工具调整);也可以在菜单栏的transform里对Button进行调整:transform组件大小位置调整工具
3.Button的菜单:button的菜单栏
Button的菜单与Panel类同,只不过多了一个组件【Button组件】:
下面咱们着重介绍一下button组件:
(1)Interactable:是否启用:组件的禁用启用选项,默认启用(不用你创建他干嘛?)
(2)Transition:unity Button 组件自带的三个不同的过渡选项:
分别是ColorTint, SpriteSwap, Animation。
Color Tint,通过颜色来使Button呈现不同颜色;
sprite swap通过图片切换呈现不同状态;
animation,通过动画不同来展示不同状态。

Color Tint:
Target Graphics,目标图像,一般是按钮自身。
不同状态选择不同的颜色来区分。
Color Multiple:对不同状态颜色的显示系数。
Fade Duration:过渡时间,即不同状态颜色切换的过渡时间。
sprite swap:
arget Graphics,目标图像,一般是按钮自身。
Highlight Sprite、Pressed Sprite、 Disabled Sprite表示高亮、按下和不可用状态不同的Sprite。
animation:
每个状态对应的动画名需要与动画状态机中的状态名保持一致;
通过Animation动画窗口可以设定每个动画状态的动画剪辑;
4.Navigation:就是如何通过键盘、手柄来切换Button的焦点,使其进入下一个Button
包括四种选项:水平、垂直、自动或者显性的按钮快捷键。
5.OnClick:就是鼠标被点击时触发的事件
可以直接通过Aspector窗口设定鼠标被点击事的事件。
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;//引用UI

public class ButtonConllter : MonoBehaviour
{

/// <summary>
/// 定义一个Button组件
/// </summary>
public Button btn;
// Start is called before the first frame update
void Start()
{
    //获取Button组件
    btn = gameObject.GetComponent<Button>();
    //绑定按钮点击事件
    btn.onClick.AddListener(BtnClick);
}

/// <summary>
/// 按钮点击事件的方法
/// </summary>
public void BtnClick()
{
    print("我点击了按钮");
}

}
`代码在这里插入代码片
6、遗漏,在Panel组件忘记介绍的功能:添加工具
Add Component:添加工具,所有的组件都可以在Add Component里搜到,并添加;也可以在Add Component里新建脚本,那么此脚本会直接挂在此物体上!
Add Component:Unity非常便捷和人性化的功能之一。后期需要用到的所有的Unity自带的插件,都可以直接在Add Component上搜索并添加!

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

五殿下

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值