一起來玩U3D之登錄功能UI界面

UGUI之登錄窗口

首先,我們需要新建一個畫布

在這裏插入圖片描述

然後,可以先設置一個背景圖片

點擊下圖指出的按鈕可以選擇一個背景圖片。

注意:選擇完背景圖片別忘了調整透明度

在這裏插入圖片描述

接着,我們來創建輸入框

自行調整到合適的位置,合適的大小
在這裏插入圖片描述

Input Field下有兩個文本ui——Placeholder和Text

Placeholder裏面的文本會在用戶未輸入時顯示在輸入框內
text中的文本是用來保存用戶輸入的文本並會取代Placeholder中的文本顯示在輸入框

在這裏插入圖片描述
完成上圖UI界面後,我們就可以測試一下了。

using UnityEngine;
using UnityEngine.UI;

public class Login : MonoBehaviour {

	[Header("是否記住我")]
	public Toggle isRemenber;

	[Header("用戶名輸入")]
	public InputField username;

	[Header("密碼輸入")]
	public InputField password;

	public void OnClickLogin()
	{
		if (username.text.Equals("yuexiang") && password.text.Equals("123456"))
		{
			Debug.Log("Login Success!");

			if (isRemenber.isOn)
			{
				Debug.Log("我記住你了!");
			}
		}
		else
		{
			Debug.Log("用戶名或密碼錯誤!");
		}

		
	}
	
}

我這裏隨便在一個對象身上寫了一個腳本簡單的實現了一個登陸校驗。
好了,登陸的UI就簡單的介紹到這裏。

點個關注,給個讚唄!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章