【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化

简介: 【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化


【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化

【只是用来玩玩的,不要太当真】

效果显示:

image.png

1. 加载界面进度100%跳转登录界面

这个功能好做,只需要将上次预留的代码补充上,打开Jindu.cs

类下面初始化两个GameObject的对象

    private GameObject loadPanel; // 加载页面
    private Canvas canvas;          // 画布
    private GameObject loginPanel;  // 登录界面

使用画布是为了只使用一次GameObject的静态方法Find进行查找画布,然后使用画布的transform.Find()方法进行性能节省

然后在Start方法里面对上面的对象赋值

        canvas = GameObject.Find("Canvas").GetComponent<Canvas>();
        loadPanel = canvas.transform.Find("load").gameObject;
        loginPanel = canvas.transform.Find("login").gameObject;

然后在Updata里面添加两行代码:

            // 这里先不写,我们回头写上跳转下一个界面的代码
            loadPanel.SetActive(false);
            loginPanel.SetActive(true);

加到我们上次的最后一个判断


2. 设置视频为背景

2.1 素材准备

首先你得有素材吧

链接:https://pan.baidu.com/s/1_fZtvrVeS11qH8326SmuWA

提取码:68iw

里面有登录的素材和视频

然后你需要把素材导入进项目


2.2 设置背景视频

  1. 创建一个RawImage
    UI->RawImage
  2. 在项目文件夹创建一个纹理
    Create->Render Texture
  3. 然后在RawImage里面添加一个组件:Video Play
  4. 在Video Play里面选择我们的视频
  5. 选择我们的贴图
    image.png
  6. 单击纹理设置纹理属性
  7. 在scene面板调整大小和位置
    image.png


3. 登录界面配置

两个按钮,两个图片,素材里面有,自己配

由于暂时不打算拿微信QQ的API来进行登录,所以我们就简单点

按钮事件都用一个代码了

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class login : MonoBehaviour
{
    private Button bto;
    private GameObject loginPanel;
    private Canvas canvas;
    // Start is called before the first frame update
    void Start()
    {
        canvas = GameObject.Find("Canvas").GetComponent<Canvas>();
        loginPanel = canvas.transform.Find("login").gameObject;
        bto = gameObject.GetComponent<Button>();
        bto.onClick.AddListener(() =>
        {
            System.Threading.Thread.Sleep(2000);
            loginPanel.SetActive(false);
        });
    }
    // Update is called once per frame
    void Update()
    {
    }
}

把按钮和图片的锚点配好就行了

结语

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

Unity游戏引擎宣言:

你是否热爱游戏呢?

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

不要犹豫了,赶快学习吧!


目录
相关文章
|
1月前
|
Ubuntu Java 测试技术
【Linux】一站式教会:Ubuntu(无UI界面)使用apache-jmeter进行压测
【Linux】一站式教会:Ubuntu(无UI界面)使用apache-jmeter进行压测
|
1月前
|
存储 测试技术 UED
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
66 1
|
5月前
|
监控 数据可视化 安全
Linux——怎样使用SSH服务实现远程UI界面本地显示
需求场景 最近几天需要实现软件的远程监控,但是实际场景又不能使用向日葵、VNC、AnyDesk、以及其他的监视软件,并且软件的整体设计也没有这块的数据上行设计。
197 0
|
12天前
|
数据安全/隐私保护 图形学
基于 LVGL 使用 SquareLine Studio 快速设计 UI 界面
基于 LVGL 使用 SquareLine Studio 快速设计 UI 界面
|
1月前
|
存储 SQL PHP
彩虹外链网盘界面UI美化版超级简洁好看
彩虹外链网盘界面UI美化版超级简洁好看
24 0
|
3月前
|
存储 传感器 监控
工业相机如何实现实时和本地Raw格式图像和Bitmap格式图像的保存和相互转换(C#代码,UI界面版)
工业相机如何实现实时和本地Raw格式图像和Bitmap格式图像的保存和相互转换(C#代码,UI界面版)
32 0
|
4月前
|
编解码 前端开发 人机交互
【Unity 3D】UI系统中UGUI各个组件的详细讲解(附源码 超详细)
【Unity 3D】UI系统中UGUI各个组件的详细讲解(附源码 超详细)
82 0
|
4月前
|
搜索推荐 C#
一个适用于定制个性化界面的WPF UI组件库
一个适用于定制个性化界面的WPF UI组件库
|
4月前
|
编解码 前端开发 图形学
Unity 用脚本操作常用UI控件(上)
Unity 用脚本操作常用UI控件(上)
|
4月前
|
C# 图形学
【Unity 3D】元宇宙案例之虚拟地球信息射线实战(附源码、演示视频和步骤 超详细)
【Unity 3D】元宇宙案例之虚拟地球信息射线实战(附源码、演示视频和步骤 超详细)
50 0

热门文章

最新文章