Unity3D:GUI的绘制

使用GUI我们可以十分方便并且简单的绘制出登录，登出，装备栏，属性栏等界面，这在游戏开发中是不可或缺的一部分。

在Unity3D引擎中，提供了Toggle,Button,ReapeatButton,PasswordField,TextArea等各种控件

在学习过程中可以参考官方的在线文档;https://docs.unity3d.com/ScriptReference/UI.Button.html

1.创建一个新的 scene

 

File------New Scene

 

 

2.创建一个脚本

 

命名为 MyGUI

 

之前还犯下了一个小错误直接命名为GUI，结果出了问题找不到函数还不知道如何解决，google后发现有人和我犯一样的错误..

先绘制一个BOX来将我们在视觉上框起来，这里用到Rect这个坐标变量

为了能够方便修改，还定义了Left和Top两个整形变量，框体是从左上角开始绘制的，因此这里的坐标也是左上角的坐标

 

Rect(x轴坐标，y轴坐标，宽度，高度)

 

Box的绘制参考：

GUI.Box(new Rect(Left-15, Top -10, 150, 300), "Login");

 

Login就是标题的名称

 

 

Label文本的绘制：

GUI.Label(new Rect(Left, Top + 80, 100, 20), "User:");

 

 

TextArea的绘制：

 

在这里需要先定义一个全局变量UserName，因为我们的函数是写在Update中的，每帧都会执行一次。

这里这样写，将使得返回值赋予给UserName

 

UserName = GUI.TextArea(new Rect(Left, Top + 100, 100, 20), UserName);

 

Toggle的绘制：

Toggle是一个开关变量，返回值为布尔型，因此这里要在全局定义一个bool变量

 

两个Toggle型切换的写法如下：

LoginRoot=GUI.Toggle(new Rect(Left + 50, Top+ 160, 50, 20),LoginRoot,"User");

 LoginRoot= GUI.Toggle(new Rect(Left + 50, Top + 180, 80, 20), !LoginRoot, "Manager");

MyGUI.cs

using UnityEngine;

using System.Collections;

public class MyGUI : MonoBehaviour {

    private string UserName = "";

    private string Key = "";

    private bool LoginRoot = false;

// Use this for initialization

void Start () {

}

// Update is called once per frame

void Update () {

        

} 

    ///

    /// 每当重绘时候都会执行这一个方法

    ///

    void OnGUI()

    {

        int Left = 205;

        int Top = 100;

        GUI.Box(new Rect(Left-15, Top -10, 150, 300), "Login");

        if (GUI.Button(new Rect(Left, Top +235, 70, 20), "Start"))

            print("Button Check");

       // GUI.RepeatButton(new Rect(Left,Top + 60,100, 20), "RepeatButton");

        GUI.Label(new Rect(Left, Top + 80, 100, 20), "User:");

        UserName = GUI.TextArea(new Rect(Left, Top + 100, 100, 20), UserName);

        GUI.Label(new Rect(Left, Top + 120, 100, 20), "Password");

        Key = GUI.PasswordField(new Rect(Left, Top + 140, 100, 20),Key,'*' );

        LoginRoot=GUI.Toggle(new Rect(Left + 50, Top+ 160, 50, 20),LoginRoot,"User");

        LoginRoot= GUI.Toggle(new Rect(Left + 50, Top + 180, 80, 20), !LoginRoot, "Manager");

    }

}