Unity3D笔记第三天——GUI

GUI:

GUI是Graphical User Interface的缩写。Unity的图形界面系统能容易和快速创建出各种交互界面。与传统的方法：创建GUI对象，标出位置，再写对应的事件函数不同，只需要用很少的代码，就可以把这些工作搞定。原理是内置的控制元素，可以把创建实例，标出位置与对应函数一次搞定。

例如：

void OnGUI()
{
GUI.Label (new Rect (20,20,100,30),"登陆成功");
if (GUI.Button (new Rect (20, 80, 80, 80), "返回"))
{
Application.LoadLevel(0);//加载索引值为0的场景
}
}

游戏界面是游戏作品中不可或缺的部分，它可以为游戏提供导航，也可以为游戏内容提供重要的信息，同时也是美化游戏的一个重要手段。Unity内置了一套完整地GUI系统，提供了从布局、控件到皮肤的一整套GUI解决方案，可以做出各种风格和样式的GUI界面。目前Unity没有提供内置的GUI可视化编辑器，因此GUI界面的制作需要全部通过编写脚本代码来实现。

因为OnGUI()函数每祯都执行，不需要另外再去创建或销毁GUI控制元素。如果要在某一情况下显示而在另一情况下不显示GUI，就需要用另外的逻辑去实现。(每祯都创建新的GUI元素,个人不推荐用GUI）

绘制GUI：

方法OnGUI()：GUI部分是每“帧”擦除重绘的，只应该在OnGUI中

标签： void GUILayout. Label(string)

文本输入域： string GUILayout.TextField(string);

多行文本框： msgBody = GUILayout.TextArea(msgBody);

密码框： string GUILayout.PasswordField(pwd,„*‟)，第二个参数为掩码字符。

按钮： Button只有鼠标抬起才会返回true，这样用Button做发射子弹就不能按下一直发射，可以使用RepeatButton，这样按下期间会一直返回true。

典型基本控件(续)

Tab页： selectedToolBarId =GUILayout.Toolbar(selectedToolBarId,new string[]{“装备”,“经验”,“队友”}); 返回值为点击的按钮的序号；

复选框：isMuted = GUILayout.Toggle(isMuted,“静音”);

多行文本框： msgBody = GUILayout.TextArea(msgBody);

GUILayout

GUILayout布局默认会伸展控件的尺寸。Button等控件支持params

GUILayoutOption[]options可变参数数组，可以通过GUILayout.Width(100)返回一个

设置控件宽度的GUILayoutOption对象， Height()、 MinWidth()、MinHeight()等同理。

例子：GUILayout.Button("Test",GUILayout.Width(500),GUILayout.Height(30))

GUILayout采用线性布局，类似于StackPanel，默认是纵向布局。

通过GUILayout.BeginHorizontal();开启和GUILayout.EndHorizontal()结束一个横向排列区域，同理BeginVertical() 、EndVertical() 如果嫌控件太挤，可以使GUILayout.Space(30);增加若干像素的间隙。

GUISkin 皮肤

首先在Project中Create→GUI Skin，选中创建的GUISkin文件，在Inspector中修改每种控件的样式。

编写一个脚本，脚本中定义一个GUISkin类型的属性：

public GUISkin MySkin;

OnGUI中加载样式：

GUI.skin = MySkin;

GUILayout.Button(“确定");

GUILayout.Button(“取消");

选中脚本所拖的的模型，把GUISkin文件拖到MySkin属性上。这样所有按钮都是这样的风格GUI.Skin.GetStyle(“”)。

注意：如果没有效果，就把脚本remove后再添加。

附：登录界面代码

void OnGUI()
{
GUI.skin = mySkin;

istoggle_username = GUI.Toggle (new Rect (Screen.width / 2 - 100, Screen.height / 2 + 50, 150, 30), istoggle_username,"记住用户名");
istoggle_password = GUI.Toggle(new Rect (Screen.width/2+50, Screen.height/2+50, 150,30),istoggle_password,"记住密码");

GUI.Label (new Rect (Screen.width / 2 - 100, Screen.height / 2 - 100, 100, 30), "用户名：","username");
GUI.Label (new Rect (Screen.width / 2 - 100, Screen.height / 2 - 50, 100, 30), "密码：","username");

//单行文本
//		    username = GUI.TextField (new Rect (Screen.width / 2 + 10, Screen.height / 2 - 100, 100, 30), username);
//多行文本区域
username = GUI.TextArea (new Rect (Screen.width / 2 + 10, Screen.height / 2 - 100, 100, 30), username,"username");
password = GUI.PasswordField (new Rect (Screen.width / 2 + 10, Screen.height / 2 - 50, 100, 30), password, '*',"username");

if(username != "" || password != "")
{
isLoginFailed = false;
}

if (GUI.Button (new Rect (Screen.width / 2, Screen.height / 2, 50, 50), "登录"))
{
if (username == "admin" && password == "123456")
{
Application.LoadLevel(1);
}
else
{
isLoginFailed = true;
}
}
if(isLoginFailed == true)
{
GUI.color = Color.red;
GUI.Label(new Rect (Screen.width/2,Screen.height/2+100 , 200 ,50),"用户名或者密码错误，请重新输入！！！");
username = "";
password = "";
}
}

相关知识点：

Gui的位置及大小用Rect来控制。

位置这个参数一般用RECT()这个函数来指明。它定义了X坐标，Y坐标，宽度，高度.以像素为单位的绝对坐标来计算. 通过Screen.width and Screen.height这两个属性可以得到屏幕尺寸，以此通过计算来设置位置.以适应不同分辨率的电脑。