Unity技术手册-UGUI零基础详细教程-Button按钮_unity ugui基础教学文档

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注大数据）

正文

大佬（√）

👉实践过程

创建Button按钮很简单，在Hierachy面板中直接右键找到UI-Button即可。创建后我们可以看到Button其实就是挂载了一个Image组件一个Button组件，顺便携带一个Text子物体。

其中Image组件的属性，小空之间有单独介绍过，在这不赘述了。我们详细看Button组件中的内容，注意，所有参数是运行时生效。

😜属性详解

**Interactable：**表示是否可交互，取消勾选Button就不能触发点击了，并且设置的颜色或精灵等都不会生效。
**Transition：**设置Button的过度效果，有四个设置选项（下方有图，重点属性）无、颜色过度、精灵图切换过度、动画过度。
（Color Tint-表示颜色过度）

• Target Graphic：表示该组件的属性作用于哪个对象或者说UI控件实现效果的对象，一般都是自身，虽然可以指定其他按钮，但是这种需求不多。
• Normal Color：正常颜色。鼠标不在Button上时的颜色。
• Highlighted Color：高亮颜色。鼠标悬浮在Button上时的颜色（不点击）。
• Pressed Color：表示按压颜色值。鼠标点击Button时的颜色，松开后恢复。
• Selected Color：表示被选中的颜色值。鼠标点击Button时的颜色，松开后保持不变，除非点击Button外的界面才会恢复。
• Disabled Color：禁用时的颜色。禁用Button后的颜色，脚本中禁用。
• Color Multiplier：颜色倍数，1-5之间，一般默认1即可，如果想突出颜色，增大即可。
• Fade Duration：淡入淡出的持续时间，表示不同按钮状态切换的时间。
  （Sprite Swap-表示精灵过度）
• Target Graphic：表示该组件的属性作用于哪个对象或者说UI控件实现效果的对象，一般都是自身，虽然可以指定其他按钮，但是这种需求不多。
• Highlighted Sprite：高亮时候显示的精灵。鼠标悬浮在Button上时的精灵（不点击）。
• Pressed Sprite：表示按压精灵值。鼠标点击Button时的精灵，松开后恢复。
• Selected Sprite：表示被选中的精灵。鼠标点击Button时的精灵，松开后保持不变，除非点击Button外的界面才会恢复。
• Disabled Sprite：禁用时的精灵。禁用Button后的精灵，脚本中禁用。
  （Animation-动画）
• Normal Trigger：正常时间的动画。鼠标不在Button上时的动画。
• Highlighted Trigger：高亮动画。鼠标悬浮在Button上时的动画（不点击）。
• Pressed Trigger：表示按压动画值。鼠标点击Button时的动画，松开后恢复。
• Selected Trigger：表示被选中的动画值。鼠标点击Button时的动画，松开后保持不变，除非点击Button外的界面才会恢复。
• Disabled Trigger：禁用时的动画。禁用Button后的动画，脚本中禁用。
  需要点击【Auto Generate Animation】创建动画控制器，然后给上面的这几个动画文件录制动画（如缩放等）
  

**Visualize：**是否可视化。打开后会在Scene中显示出每个UI控件之间的辅助顺序，和Gizmos辅助很相似，但不受Gizmos控制。
**Navigation：**控件间导航，一般我们设置为None，该属性控制焦点自动为下一个，比如多个按钮，并且你没在看是范围内，虽然无法鼠标点击但是可以键盘空格键触发。导航一般是给手柄用的，手柄上上下左右移动的时候选中哪个按钮，默认是自动导航，你可以选择Explicit模式，分别设置4个方向的其他控件，当手柄按下对应键的时候会将焦点移动到对应位置。
**On Click()：**给按钮添加响应事件（将脚本挂载在该Button上，拖拽Button到这，即可从下拉中找到脚本中public类型的方法，指定就表示点击触发该方法），除了这还有代码动态添加的方式（下方详细）。 还有图中的Runtime Only表示运行后才会响应事件，还有两个选项，一个是off从不响应，一个是Editor And Runtime表示即使没运行也能响应，默认即可。

😜代码事件

public class TestClick : MonoBehaviour
    {
        private void Start()
        {
            Button btn = gameObject.GetComponent<Button>();
            //添加事件写法一-只能添加方法名 无法传递参数
            // btn.onClick.AddListener(methodA);
            //添加事件写法二 -可以传递参数
            // btn.onClick.AddListener(delegate { methodB(); });
            // btn.onClick.AddListener(() => { methodA();});
            //方式一添加多个方法
            // btn.onClick.AddListener(methodA);
            // btn.onClick.AddListener(methodB);
            //方式二添加多个方法
            // btn.onClick.AddListener(method);

            //下方是简易封装的一种写法，和Android中的类似
            List<string> btnsName = new List<string>();
            btnsName.Add("想要添加事件的");
            btnsName.Add("场景中");
            btnsName.Add("按钮的名字");

            foreach (string btnName in btnsName)
            {
                GameObject btnObj = GameObject.Find(btnName);
                Button btnTemp = btnObj.GetComponent<Button>();
                btnTemp.onClick.AddListener(delegate() { this.OnClick(btnObj); });
                //或者：
                //btnTemp.onClick.AddListener(() => { OnClick(btnObj); });
            }
        }

        public void OnClick(GameObject sender)
        {
            switch (sender.name)
            {
                case "想要添加事件的":
                    Debug.Log("想要添加事件的");
                    break;
                case "场景中":
                    Debug.Log("场景中");
                    break;
                case "按钮的名字":
                    Debug.Log("按钮的名字");
                    break;
                default:
                    Debug.Log("none");
                    break;
            }
        }

        private void method()
        {
            methodA();
            methodB();
        }

        private void methodA(String param)
        {
            Debug.Log("事件A-方法A-携带参数" + param);
        }

        private void methodA()
        {


**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注大数据）**
![img](https://img-blog.csdnimg.cn/img_convert/a5221d77277e2aed980f6beb3df48faf.png)

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

[外链图片转存中...(img-jF4FbOEG-1713328591789)]

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**