Unity UGUI的Button组件的介绍及使用

昊辰 · 发表于 2023-8-21 10:50:01

UGUI的Button（按钮）组件的介绍及使用

1. 什么是UGUI的Button组件？

UGUI（Unity GUI）是Unity引擎中的一套用户界面系统，Button（按钮）是其中的一个常用组件。Button组件可以用于创建可交互的按钮，用户点击按钮时可以触发相应的事件。
2. Button组件工的作原理

Button组件通过检测用户的点击事件来触发相应的操作。当用户点击按钮时，Button组件会检测到点击事件，并执行相应的操作，如比调用指定的函数或改变按钮的状态。
3. Button组件的常用属性

Interactable（可交互）：设置按钮是否可交互。如果设置为false，按钮将无法被点击。
Transition（过渡效果）：设置按钮的过渡效果，包括颜色、缩放、透明度等。
Normal Color（正常状态颜色）：设置按钮在正常状态下的颜色。
Highlighted Color高（亮状态颜色）：设置按钮在高亮状态下的颜色。
Pressed Color（按下状态颜色）：设置按钮在按下状态下的颜色。
Disabled Color（禁用状态颜色）：设置按钮在禁用状态下的颜色。

4. Button组件的常用函数

onClick.AddListener()：为按钮添加点击事件的监听器。
onClick.Remove()Listener：移除按钮的点击事件监听器。
onClick.Invoke()：手动触发按钮的点击事件。

5. 示例代码

示例1：创建一个简单的按钮

using UnityEngine;
using UnityEngine.UI;
public class ButtonExample : MonoBehaviour
{
public Button button;
void Start()
{
button.onClick.AddListener(OnClick);
}
void OnClick()
{
Debug.Log("Button clicked!");
}
}

复制代码

操作步骤：

创建一个空物体，并将脚本ButtonExample挂载到该物体上。
在场景中创建一个按钮，并将该按钮的引用赋值给button变量。
运行游戏，点击按钮，控制台将输出"Button clicked!"。

注意事项：

确保按钮的OnClick事件已经绑定到ButtonExample脚本的OnClick函数。

示例2：改变按钮的颜色

using UnityEngine;
using UnityEngine.UI;
public class ButtonExample : MonoBehaviour
{
public Button button;
void Start()
{
button.onClick.AddListener(OnClick);
}
void OnClick()
{
button.image.color = Color.red;
}
}

复制代码

操作步骤：

创建一个空物体，并将脚本ButtonExample挂载到该体物上。
在场景中创建一个按钮，并将该按钮的引用赋值给button变量。
运行游戏，点击按钮，按钮的颜色将变为红色。

注意事项：

确保按钮的OnClick事件已经绑定到ButtonExample脚本的OnClick函数。

示例3：禁用按钮

using UnityEngine;
using UnityEngine.UI;
public class ButtonExample : MonoBehaviour
{
public Button button;
void Start()
{
button.onClick.AddListener(OnClick);
}
void OnClick()
{
button.interactable = false;
}
}

复制代码

操作步骤：

创建一个空物体，并将脚本ButtonExample挂载到该物体上。
在场景中创建一个按钮，并将该按钮的引用赋值给button变量。
运行游戏，点击按钮，按钮将变为不可交互状态。

注意事项：

确保按钮的OnClick事件已经绑定到ButtonExample脚本的OnClick函数。

示例4：移除按钮的点击事件监听器

using UnityEngine;
using UnityEngine.UI;
public class ButtonExample : MonoBehaviour
{
public Button button;
void Start()
{
button.onClick.AddListener(OnClick);
}
void OnClick()
{
button.onClick.RemoveListener(OnClick);
}
}

复制代码

操作步骤：
1.空一个创建物体，并将脚本ButtonExample挂载到该物体上。
2. 在场景中创建一个按钮，并将该按钮的引用赋值给button变量。
3. 运行游戏，点击按钮，按钮的点击事件监听器将被移除。
注意事项：

确保按钮的OnClick事件已经绑定到ButtonExample脚本的OnClick函数。

示例5：手动触发按钮的点击事件

using UnityEngine;
using UnityEngine.UI;
public class ButtonExample : MonoBehaviour
{
public Button button;
void Start()
{
button.onClick.AddListener(OnClick);
}
void Update()
{
if (Input.GetKeyDown(KeyCode.Space))
{
button.onClick.Invoke();
}
}
void OnClick()
{
Debug.Log("Button clicked!");
}
}

复制代码

操作步骤：

创建一个空物体，并将脚本ButtonExample挂载到该物体上。
在场景中创建一个按钮，并将该按钮的引用赋值给button变量。
运行游戏，按空下格键，控制台将输出"Button clicked!"。

注意事项：

确保按钮的OnClick事件已经绑定到ButtonExample脚本的OnClick函数。

参考资料

Unity官方文档：Button
Unity官方教程: UI Button

         本文作者：                         Blank
      本文链接：
      版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
      声援博主：如果您觉得文章对您有帮助，可以点击文章右下角          【             推荐】                   一下。您的鼓励是博主的最大动力！

来源:https://www.cnblogs.com/alianblank/archive/2023/08/21/17645184.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】我们会及时删除侵权内容，谢谢合作！