ToB企服应用市场:ToB评测及商务社交产业平台

标题: Unity UGUI的Button组件的介绍及使用 [打印本页]

---

作者: 道家人    时间: 2023-8-30 15:20
标题: Unity UGUI的Button组件的介绍及使用
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：创建一个简单的按钮

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class ButtonExample : MonoBehaviour
5. {
6.     public Button button;
8.     void Start()
9.     {
10.         button.onClick.AddListener(OnClick);
11.     }
13.     void OnClick()
14.     {
15.         Debug.Log("Button clicked!");
16.     }
17. }

复制代码

操作步骤：

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

注意事项：

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

示例2：改变按钮的颜色

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class ButtonExample : MonoBehaviour
5. {
6.     public Button button;
8.     void Start()
9.     {
10.         button.onClick.AddListener(OnClick);
11. }
13.        void OnClick()
14.     {
15.         button.image.color = Color.red;
16.     }
17. }

复制代码

操作步骤：

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

注意事项：

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

示例3：禁用按钮

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class ButtonExample : MonoBehaviour
5. {
6.     public Button button;
8.     void Start()
9.     {
10.         button.onClick.AddListener(OnClick);
11.     }
13.     void OnClick()
14.     {
15.         button.interactable = false;
16.     }
17. }

复制代码

操作步骤：

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

注意事项：

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

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

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class ButtonExample : MonoBehaviour
5. {
6.     public Button button;
8.     void Start()
9.     {
10.         button.onClick.AddListener(OnClick);
11.     }
13.     void OnClick()
14.     {
15.         button.onClick.RemoveListener(OnClick);
16.     }
17. }

复制代码

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

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

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

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class ButtonExample : MonoBehaviour
5. {
6.     public Button button;
8.     void Start()
9.     {
10.         button.onClick.AddListener(OnClick);
11.     }
13.     void Update()
14.     {
15.         if (Input.GetKeyDown(KeyCode.Space))
16.         {
17.             button.onClick.Invoke();
18.         }
19.     }
21.     void OnClick()
22.     {
23.         Debug.Log("Button clicked!");
24.     }
25. }

复制代码

操作步骤：

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

注意事项：

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

参考资料

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

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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4