【Unity使用UGUI實作王者榮耀UI界面（三）】登錄界面以及加載界面優化

【只是用來玩玩的，不要太當真】

效果顯示：

zhans

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 設定背景視頻

創建一個RawImage

UI->RawImage
在專案檔案夾創建一個紋理

Create->Render Texture
然后在RawImage里面添加一個組件：Video Play
在Video Play里面選擇我們的視頻
選擇我們的貼圖
單擊紋理設定紋理屬性
在scene面板調整大小和位置

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游戲引擎宣言：

你是否熱愛游戲呢？

你是否曾經幻想著有一天自己做出一款屬于自己的游戲呢？

不要猶豫了，趕快學習吧！

點擊鏈接查看Python社區：Python交流社區

點擊鏈接查看Unity社區：Unity游戲開發交流社區

【關注下方作者公號，獲取更多咨詢】

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/352037.html

標籤：其他

上一篇：資料結構作業-21點游戲詳解

下一篇：三子棋的簡單實作