代码改变世界

Unity uGUI 登录界面

2014-12-02 15:23  wuzhang  阅读(12192)  评论(0编辑  收藏  举报

   小记:进入冬季,天气确实变冷了,即使这样也不能作为自己不学习的理由!!!

昨天咱们一起学习了UGUI的Button的相关知识,那么今天咱们做一个简单的登录Demo,有些人可能不屑但是多学点总没什么坏处吧!

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

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

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

最后就是这个样子了。

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

using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class login : MonoBehaviour 
{
    //Toggle
    public Toggle remPasswd;
    private Toggle fogPasswd;
    
    //注册信息
    public InputField inputName;
    public InputField inputPaswd;
    
    void OnCLick()
    {
        if(inputName.text.Trim() == "wuzhang"&&inputPaswd.text.Trim() == "123456")
        {
            Application.LoadLevel("test1");
        }
        else
        {
            Debug.Log ("登录失败!");
        }
    }

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

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

 

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

6,那么运行看效果了:

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

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

正确输入数据

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

记住密码:

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

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