【Unity使用UGUI实现王者荣耀UI界面（四）】游戏开始界面

「【只是用来玩玩的，不要太当真】」

效果展示：

本期UI素材：

❝

链接：https://pan.baidu.com/s/1rT9PwH4DDnKQi-e2msFtMg 提取码：j8v2

❞

1. 把一些重复的UI添加

重复的UI 有，静音按钮，王者图标，右下角的图片

所以我们可以：

❝

1. 将其拖到project工程面板做成预制体
2. 新建一个空白对象
3. 将这些东西拖进去

❞

微调距离和大小，然后就开始做别的

2. 开始游戏按钮

新建一个Button按钮，然后选择图片，然后把按钮的text去掉

可以按照这个练一下，自己动动手，自己思考一下

可以参考我的：

至于这个按钮的点击事件，我们可以先不做，等游戏里界面做好再做场景切换的代码

3. 注销按钮

我们的注销按钮应该有一个事件来控制

功能是：

❝

关闭当前页面

打开登录页面

❞

代码：

using UnityEngine;
using UnityEngine.UI;

public class Zhuxiao : MonoBehaviour
{
    private GameObject loginPanel;
    private Canvas canvas;
    private GameObject StartGame;

    private Button zhuxiao;
    // Start is called before the first frame update
    void Start()
    {
        canvas = GameObject.Find("Canvas").GetComponent<Canvas>();
        loginPanel = canvas.transform.Find("login").gameObject;
        StartGame = canvas.transform.Find("GameStart").gameObject;
        zhuxiao = transform.GetComponent<Button>();
        zhuxiao.onClick.AddListener(() =>
        {
            StartGame.SetActive(false);
            loginPanel.SetActive(true);
        });
    }

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

代码很简单，就不详细讲了

当然，因为我们没有QQ和微信的api，所以我们不能真正的使用QQ，微信登录

你可以自己用字典实现一个登录的方式

4. 完成

因为都是些按钮，图片的拼凑，我就不详细的讲了

重点需要注意的就是【「锚点一定需要设置好」】

直接看运行效果吧（效果在文首）

当然，我并不满足于此，我想你们也并不满足，所以，我们今天将他打包成一个app的安装包，这样，你们不就可以装逼了嘛！！！

5. 打包

首先，将你的项目调整成这个样子

然后点击右上角的file->build settings

调整成android的，然后点击build，会出现一个文件资源管理器让你选择打包在哪个位置

你也可以自定义名字

然后点击保存，接下来就是漫长的的等待了

6. 打包完成

打包完成就可以发给你的好朋友让他们吃惊一下了~~

结语

欢迎喜爱Python，Unity（游戏开发引擎）的爱好者，让我们一步步走向大神，成功离得不远，也就两个字，坚持罢了！！

Unity游戏引擎宣言：

你是否热爱游戏呢？

你是否曾经幻想着有一天自己做出一款属于自己的游戏呢？

不要犹豫了，赶快学习吧！