unity UI 的简单入门制作

unity UI 的简单入门制作

作为unityUI入门，首先要了解UI是什么，UI简单来说就是一个在游戏中作为菜单状的一个东西，上面每个按钮，每个背景都是我们去设计的，并且实现的功能

在unity中对于UI的制作，首先要先创建一个canvas画布，然后在画布上开始用自己拥有的素材开始制作UI。

在这里注意几点问题，一是canvas画布大小不需要去改变，虽然看起来它比地图大了很多，但是我们只需要再创建一个新的相机即可，不需要去改变画布的的大小，如果将画布的大小设置成与地图大小一致，则会出现很多麻烦，比如Text文本框无法正常使用，会出现字体大小不匹配等一系列麻烦。

只需要将新创建的相机拖入到canvas中的Render Camera，然后将画布中的一些属性进行一些小的调整 如图：

这样就能让UI被新创建的相机进行拍摄，然后再将新创建的相机属性进行一些调整，就可以让这个UI相机只对UI进行拍摄：

而对于unity自带的一些UI的简单操作，常用的一般只有Image(背景板),Button（按钮）,Panel（背景板）,Togger(可做切换背包时的一个按钮，可以随着点击而显现不同的ui)，Slider(拖动条或进度条)，Text(文本框)等，这些都是常用的一些基本的UI。

而这一些简单的UI，都可以作为组件添加到Image背景板上，可以让image又更多的功能及作用。

*HTML 个人对于UI的制作的一点点小笔记，并且对于togger的使用，也是有一些代码上的笔记，附在下面

首先将togger作为组件挂载在想要改变的UI上，或者直接使用unity自带的UI togger也是可以的，然后自己编写一个脚本：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class MyToggle : MonoBehaviour
{
    public GameObject isOnGameObject;
    public GameObject isOffGameObject;

    private Toggle toggle;

    // Start is called before the first frame update
    void Start()
    {
        toggle = GetComponent<Toggle>();
        OnvalueChange(toggle.isOn);
    }

    public void OnvalueChange(bool isOn)
    {
        isOnGameObject.SetActive(isOn);
        isOffGameObject.SetActive(!isOn);
    }
}

然后这样就可以将自己改变所拖动的UI的is on的选定与否，这样就可以控制ui的显示

这里还有一个小知识点，如果要用togger来做背包的面板切换的话，可以将多个togger按钮进行一个分组，就是把它们变成一个单选按钮，具体操作就是将多个togger按钮全选，然后拖动到togger的Group的属性上，然后再挂载上一个togger group组件，这样就可以把多个togger按钮变成一个组，变成单选按钮，然后在每个按钮下再制作想要分类的UI，这样就可以完成一个背包的切换功能了。