下面就给大家说一下用UGUI实现登陆界面的问题,虽然这几天天气比较冷(我这边还在下雪),但这不能成为我们不学习的借口,我们还是得要紧牙关继续干。

1,不解释,先建一个空的工程。

2,还是之前的步骤,添加一个Canvas


3,我们可以在Canvas中进行布局了。


最后就是这个样子了。

4,我们开始添加一个脚本了login.cs挂到相机上就行了,不过有好多组件呢。


  1. using UnityEngine;
  2. using System.Collections;
  3. using UnityEngine.UI;

  4. public class login : MonoBehaviour 
  5. {
  6.     //Toggle
  7.     public Toggle remPasswd;
  8.     private Toggle fogPasswd;
  9.     
  10.     //注册信息
  11.     public InputField inputName;
  12.     public InputField inputPaswd;
  13.     
  14.     void OnCLick()
  15.     {
  16.         if(inputName.text.Trim() == "wuzhang"&&inputPaswd.text.Trim() == "123456")
  17.         {
  18.             Application.LoadLevel("test1");
  19.         }
  20.         else
  21.         {
  22.             Debug.Log ("登录失败!");
  23.         }
  24.     }

  25.     // Update is called once per frame
  26.     void Update () 
  27.     {
  28.         //如果选中记住密码
  29.         if(remPasswd.isOn)
  30.         {
  31.             //填充数据,在这里仅仅是模拟,如果大家想做的真实,可以写个配置文件
  32.             inputPaswd.text = "123456";
  33.         }
  34.         else
  35.         {
  36.             inputPaswd.text = inputPaswd.text;
  37.         }
  38.     }

  39.     void regist()
  40.     {
  41.         //如果可以的或直接将数据写入数据库在这里我们仅仅模拟下功能就行了
  42.         if(inputName.text!=""&&inputPaswd.text!="")
  43.         {
  44.             Debug.Log("注册成功");
  45.         }
  46.         else
  47.         {
  48.             Debug.Log ("请输入注册信息");
  49.         }
  50.     }
  51. }



5,登录按钮的时间就不再所说了,上篇写过。

6,那么运行看效果了:

呵呵,是不是有些丑陋,注意啊咱们看重的功能。

首先模拟一下注册,不输入数据。

正确输入数据

登录一下下:跳转第二个Sence了吧!

记住密码:

嗯,OK,情况就是这么点情况,欢迎大家共同学习,有不明白的可以共同讨论!

工程源码:http://pan.baidu.com/s/1hq8CdDi