一起来玩U3D之登录功能UI界面

生来就可爱ヽ(ⅴ<●) 提交于 2020-03-12 02:25:19

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就简单的介绍到这里。

点个关注,给个赞呗!

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!