【2d游戏开发】unity实现UI框架搭建

生活中,最使人疲惫的往往不是道路的遥远,而是心中的郁闷;最使人痛苦的往往不是生活的不幸,而是希望的破灭;最使人颓废的往往不是前途的坎坷,而是自信的丧失;最使人绝望的往往不是挫折的打击,而是心灵的死亡。所以我们要有自己的梦想,让梦想的星光指引着我们走出落漠,走出惆怅,带着我们走进自己的理想。

导读:本篇文章讲解 【2d游戏开发】unity实现UI框架搭建,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

前言

前面一直比较忙,然后到现在才继续接游戏的文章,那么本次将带大家去搭建一个ui框架,同样,需要更具体的教学,可以到b站搜索本人的关于2d游戏开发-unity实现xxx的系列视频.

步骤

其实大致的步骤只有两步,一步是把界面做出来,一部分就是使用代码编写通过按键显示和隐藏,并且能够切换不同的ui界面。


新建空物体,在该空物体下新建面板(这一步主要为了能够更容易查找到物体)
在这里插入图片描述

在该空物体鼠标右键,新建面板
在这里插入图片描述
在属性窗口换成自己的游戏素材
在这里插入图片描述
点击颜色调整不透明度
在这里插入图片描述
在这里插入图片描述
就可以看到界面的样式为这样
在这里插入图片描述

然后在面板下新建一个text,调整位置和编写文本内容
在这里插入图片描述
重复上诉动作,建立你需要的属性面板

如我这个
在这里插入图片描述

然后将one和two、three、four、five给设置不激活

最后就是代码了
在Canvas挂载自己写的c#脚本

切换ui界面代码
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class UISystem : MonoBehaviour
{
    // 获取ui系统
    private Transform uISystem;
    // 定义面板值
    private int Panelvalue = 0;
    void Start()
    {
        uISystem = GetComponent<Transform>();
    }

    // Update is called once per frame
    void Update()
    {
        showUI();
    }

    void showUI() {
        // 左切换
        if (Input.GetKeyDown(KeyCode.Q)) {
            switch (Panelvalue) {
                case 0:
                    uISystem.GetChild(0).gameObject.SetActive(false);
                    uISystem.GetChild(5).gameObject.SetActive(true);
                    Panelvalue = 5;
                    break;
                case 1:
                    uISystem.GetChild(1).gameObject.SetActive(false);
                    uISystem.GetChild(0).gameObject.SetActive(true);
                    Panelvalue = 0;
                    break;
                case 2:
                    uISystem.GetChild(2).gameObject.SetActive(false);
                    uISystem.GetChild(1).gameObject.SetActive(true);
                    Panelvalue = 1;
                    break;
                case 3:
                    uISystem.GetChild(3).gameObject.SetActive(false);
                    uISystem.GetChild(2).gameObject.SetActive(true);
                    Panelvalue = 2;
                    break;
                case 4:
                    uISystem.GetChild(4).gameObject.SetActive(false);
                    uISystem.GetChild(3).gameObject.SetActive(true);
                    Panelvalue = 3;
                    break;
                case 5:
                    uISystem.GetChild(5).gameObject.SetActive(false);
                    uISystem.GetChild(4).gameObject.SetActive(true);
                    Panelvalue = 4;
                    break;
            }
        }
        // 右切换
        if (Input.GetKeyDown(KeyCode.R)) {
            switch (Panelvalue)
            {
                case 0:
                    uISystem.GetChild(0).gameObject.SetActive(false);
                    uISystem.GetChild(1).gameObject.SetActive(true);
                    Panelvalue = 1;
                    break;
                case 1:
                    uISystem.GetChild(1).gameObject.SetActive(false);
                    uISystem.GetChild(2).gameObject.SetActive(true);
                    Panelvalue = 2;
                    break;
                case 2:
                    uISystem.GetChild(2).gameObject.SetActive(false);
                    uISystem.GetChild(3).gameObject.SetActive(true);
                    Panelvalue = 3;
                    break;
                case 3:
                    uISystem.GetChild(3).gameObject.SetActive(false);
                    uISystem.GetChild(4).gameObject.SetActive(true);
                    Panelvalue = 4;
                    break;
                case 4:
                    uISystem.GetChild(4).gameObject.SetActive(false);
                    uISystem.GetChild(5).gameObject.SetActive(true);
                    Panelvalue = 5;
                    break;
                case 5:
                    uISystem.GetChild(5).gameObject.SetActive(false);
                    uISystem.GetChild(0).gameObject.SetActive(true);
                    Panelvalue = 0;
                    break;
            }
        }
    }
}

显示和隐藏ui界面代码
    // 控制ui系统界面的显示
    private bool showUiSystem = false;
    // 获取ui系统预制体
    private GameObject uiSystemPrefab;
    // 获取加载后的ui系统
    private GameObject UISystem;
    
		//查找物体并实例化ui系统(根据Tag查找)
        uiSystemPrefab = Resources.Load<GameObject>("Prefabs/ui/uiSystem");
        Instantiate(uiSystemPrefab);
        UISystem = GameObject.FindGameObjectWithTag("mainUI");

    // 系统的打开和关闭
    void openAndCloseUIsystem() {

        if (Input.GetKeyDown(KeyCode.Escape)) {
            showUiSystem = !showUiSystem;
            // 打开和关闭系统
            UISystem.transform.GetChild(0).gameObject.SetActive(showUiSystem);
        }
    }

打开和显示ui的代码我是写在玩家的脚本里,然后update调用就可以

这样之后,启动游戏,按ESC键就能显示和隐藏,并且能够切换ui了

结语

以上为我实现ui框架的过程,更具体的搜索我的系列视频

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/136667.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!