Unity UGUI Button 中文详解-Chinar_chinar 教程效果:

Chinar blog ：www.chinar.xin

Unity UGUI 完整系列教程 (Chinar中文图解)

Unity UGUI Button 组件

---

Chinar 教程效果：

---

---

全文高清图片，点击即可放大观看 (很多人竟然不知道)

---

1

Presentation —— 介绍

Button 组件是一个按钮组件。
它在我们开发中经常使用，通过点击按钮：执行某些事件，动作，切换状态等...

1.1 Attribute —— 属性

我们创建一个 Button 组件看一下它的属性：

在Unity的 Hierarchy 面板上右键–>UI–>Button


在Inspector面板中可以看到，一个Button对象比Image对象多了：

• Button 组件
• Text 子物体

下面看一下每个属性的详细功能介绍

---

1.2 Transition Setting —— 过渡类型详解

---

1.2.1 Color Tint —— 颜色过渡

---

1.2.2 Sprotes Swap —— 图片过渡

---

1.2.3 Animation —— 动画过渡

---

2

Use —— 使用

2.1 AddListener —— 添加监听函数

• 我们首先需要一个函数，来添加到监听列表中
• 从而使按钮被点击后函数被执行

创建脚本，写下我们的测试代码

using UnityEngine;

public class ChinarButton : MonoBehaviour
{
    /// <summary>
    /// 按钮点击方法
    /// </summary>
    public void OnClickTest()
    {
        print("ChinarOnClickTest");
    }
}
1
2
3
4
5
6
7
8
9
10
11
12

将脚本绑定到相机对象上，再添加到 OnClick/点击事件 的列表中

运行后效果：

---

通过脚本，动态绑定监听函数

• 1 先获取到 目标对象的Button 组件
• 2 通过.onClick.Addlistener(函数) 的方式进行动态添加
• 3 如函数具有参数，可通过Lambda表达式 .onClick.AddListener(Lambda表达式) 动态添加
• 4 如函数具有参数，可通过委托 .onClick.AddListener(delegate {函数;}) 动态添加

    private Button testBtn;


    void Start()
    {
        GameObject.Find("Button").GetComponent<Button>();
        testBtn.onClick.AddListener(OnClickTest);
        testBtn.onClick.AddListener(() => OnClick_Parameter("lambda 表达式"));
        testBtn.onClick.AddListener(delegate { OnClick_Parameter("Delegate 委托"); });
    }


    /// <summary>
    /// 点击函数：带形参
    /// </summary>
    public void OnClick_Parameter(string arg)
    {
        print(arg);
    }


    /// <summary>
    /// 点击函数：无参
    /// </summary>
    public void OnClickTest()
    {
        print("ChinarOnClickTest");
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

至此：您已完美征服了 UGUI - Button

其他组件请继续学习，贴心的 Chinar 为您准备了 UGUI 全套教程

Unity UGUI 完整系列教程 (Chinar中文图解)

---

3

Project —— 项目文件

Unity 版本：2018.4.0

项目文件为 unitypackage 文件包：

下载导入 Unity 即可使用

提取码：z57o

---

支持

May Be —— 开发者，总有一天要做的事！

---

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)

Chinar 免费服务器、建站教程全攻略！( Chinar Blog )

---

---

END

本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址