【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游戏引擎宣言:

你是否热爱游戏呢?

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

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


目录
相关文章
|
机器学习/深度学习 算法 定位技术
Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现裂缝的检测识别(C#代码UI界面版)
本项目基于YOLOv8模型与C#界面,结合Baumer工业相机,实现裂缝的高效检测识别。支持图像、视频及摄像头输入,具备高精度与实时性,适用于桥梁、路面、隧道等多种工业场景。
1424 27
|
计算机视觉 Python
基于Dlib的人脸识别客户端(UI界面)
基于Dlib的人脸识别客户端(UI界面)
677 2
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
16621 5
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
|
存储 JSON JavaScript
WEB CAD插件通过上下文对象MxPluginContext修改UI界面的方法
本文介绍了如何使用MxPluginContext动态控制MxCAD项目的UI界面。通过该上下文对象,开发者可以灵活设置UI配置,如控制操作栏显隐、编辑按钮、添加侧边栏等。具体方法包括调用`getUiConfig()`获取并修改`mxUiConfig.json`中的属性,实现界面的定制化。此外,还提供了控制命令行聚焦的功能,解决输入框焦点锁定问题。详细代码示例和效果对比图展示了具体实现步骤,帮助开发者更好地适配项目需求。
|
图形学
unity判断鼠标在不在UI上
在 Unity 中,判断鼠标是否在 UI 上主要依赖事件系统和射线检测机制。Unity 的事件系统负责处理输入事件,GraphicRaycaster 组件用于检测射线与 UI 元素的相交情况。通过 `EventSystem.current.IsPointerOverGameObject()` 方法可轻松判断鼠标是否在 UI 上。对于移动端,使用 `EventSystem.current.IsPointerOverGameObject(Input.GetTouch(0).fingerId)` 来判断触摸是否在 UI 上。代码实现简单且高效。
|
开发框架 JavaScript 前端开发
HarmonyOS UI开发:掌握ArkUI(包括Java UI和JS UI)进行界面开发
【10月更文挑战第22天】随着科技发展,操作系统呈现多元化趋势。华为推出的HarmonyOS以其全场景、多设备特性备受关注。本文介绍HarmonyOS的UI开发框架ArkUI,探讨Java UI和JS UI两种开发方式。Java UI适合复杂界面开发,性能较高;JS UI适合快速开发简单界面,跨平台性好。掌握ArkUI可高效打造符合用户需求的界面。
826 8
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
647 1
|
机器学习/深度学习 数据可视化 计算机视觉
基于opencv的车牌识别系统(UI界面采用tkinter设计)
基于opencv的车牌识别系统(UI界面采用tkinter设计)
497 0
|
12月前
|
机器学习/深度学习 人工智能 图形学
卓伊凡的第一款独立游戏-详细介绍游戏开发引擎unity-以及详细介绍windows和mac的安装步骤【01】
卓伊凡的第一款独立游戏-详细介绍游戏开发引擎unity-以及详细介绍windows和mac的安装步骤【01】
822 9
|
12月前
|
小程序 PHP 图形学
热门小游戏源码(Python+PHP)下载-微信小程序游戏源码Unity发实战指南​
本文详解如何结合Python、PHP与Unity开发并部署小游戏至微信小程序。涵盖技术选型、Pygame实战、PHP后端对接、Unity转换适配及性能优化,提供从原型到发布的完整指南,助力开发者快速上手并发布游戏。

热门文章

最新文章