UnityGUI简介_unity gui

UnityGUI简介

GUI是什么？

unityGUI全称：即使模式游戏用户交互界面（IMGUI）

在Unity中一般简称为GUI，它是一个代码驱动的UI系统。

GUI的主要作用

1. 作为程序员的调试工具，船舰游戏内调试工具。
2. 为脚本组件创建自定义监视面板。
3. 创建新的编辑器窗口和工具以拓展Unity本身（一般作为内置游戏工具）。
4. 注意：不用用IMGUI为玩家制作UI功能。

GUI的工作原理

Unity的GUI有自己的生命周期，在继承Monobehaviour的脚本中的特殊函数中在OnGUI函数中书写GUI相关逻辑。

注意：

1. OnGUI是每帧执行，相当于专门绘制GUI界面的函数。
2. 一般只在其中执行GUI相关界面绘制和操作逻辑。
3. 该函数在OnDisable之前，在LateUpdate之后。
4. 只要是继承了Mono的脚本，都可以在OnGUI中绘制GUI。

GUI控件的共同点

1. 所有的GUI控件都是GUI类的静态函数。
2. 所有的GUI控件参数列表大同小异：
   1. 位置参数：Rect参数
   2. 显式文本：string参数
   3. 图片参数：Texture参数
   4. 综合信息：GUIContent参数，可以既有文本信息又有图片信息。
   5. 自定义样式：GUIStyle参数
3. 每一种控件都有多种重载，都是各个参数的排列组合，但所有控件一定都有位置信息和显示信息。
4. 通常采用接受返回值来保证数据更新。（只有返回值被接收了下一次程序进入GUI函数，值才会更新）

文本控件

函数名：

Label，无返回值

结构：

GUI.Label(Rect,内容,样式);
1

按钮控件

函数名：

1. Button，按下抬起后响应一次，bool返回值。
2. RepeatButton，按下持续响应，bool返回值。

结构：

GUI.Button(Rect,内容,样式);
1

多选框

函数名：

Toggle，点击后返回一个与传入bool值相反的bool值，bool返回值。

自定义多选框设置GUIStyle选中效果和取消效果的是normal和on normal。

结构

GUI.Toggle(Rect, bool标识, 内容, 样式);
1

单选框

单选框是多选框的一种特殊形式。我们使用一个int标识来处理，如下代码

private void index = 1;
private void OnGUI()
{
    if(GUI.Toggle(new Rect(0,60,100,30), index == 1, "选项1"))
    {
        index = 1;
    }
    if(GUI.Toggle(new Rect(0,100,100,30), index == 2, "选项2"))
    {
        index = 2;
    }
    if(GUI.Toggle(new Rect(0,140,100,30), index == 3, "选项3"))
    {
        index = 3;
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

我们就以第二个index == 2为例分析一下：

首先进入第二个if判断，index == 2为false，这时点击第二个Toggle时，Toggle会返回true，这时就会进入if语句块，并将index赋值为2，下一帧进入OnGUI后渲染出来的UI就是选项2被选中。

输入框

函数名：

1. TextArea
2. TextField，返回值均为string，想要持续改变输入值，原理与单选框的int标识原理一样：将这一帧的输入结果保存在一个成员变量中，下一帧再将这个成员变量作为参数传入方法中。
3. PasswordField

结构：

GUI.TextArea(Rect, 内容, Length, 样式);

GUI.TextField(Rect, 内容, Length, 样式);

GUI.PasswordField(Rect, 内容,替换字符 , Length, 样式);

1
2
3
4
5
6

拖动条

函数名：

1. HorizontalSlider
2. VerticalSlider，float返回值

结构：

GUI.HorizontalSlider(Rect, nowValue, bottomValue, topValue, 样式1, 样式2, 样式3);

GUI.VerticalSlider(Rect, nowValue, bottomValue, topValue, 样式1, 样式2, 样式3);
1
2
3

图片绘制

函数名：

DrawTexture，无返回值

结构：

GUI.DrawTexture(Rect, Texture, ScaleMode, bool alphaBlend, float imageAspect ......);
1

ScaleMode:

1. ScaleAndCrop：也会通过宽高比来计算图片，不会拉伸变形 但是 会进行裁剪。
2. ScaleToFit：会根据宽高比和宽高中最小的的值来进行计算，不会拉伸变形，会一直保持图片完全显式的状态。
3. StretchToFill：始终填充充满你传入的Rect范围。

alpha：是用来控制图片是否开启透明通道。

imageAspect：自定义宽高比，如果不填默认为0，会使用图片原始宽高比。

框绘制

函数名：

box，无返回值。不常用

结构：

GUI.Box(rect, 内容, 样式);
1

工具栏

函数名：

Toolbar，int返回值，可以用来制作类似于unity快捷工具栏的UI。

结构：

GUI.Toolbar(Rect, int标识, 内容数组, 样式);
1

应用：

private int toolbarIndex = 0;
private string[] toolbarInfos = new []{"123","456","789"};
private void OnGUI(){
    toolbarIndex = GUI.Toolbar(new Rect(0,0,200,30), toolbarIndex, toolbarInfos);
    //不同选择对应不同的逻辑处理
    switch(toolbarIndex){
        case 0:
            break;
        case 1:
            break;
        case 2:
            break;
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

选择网格

函数名：

SelectionGrid，与工具栏相同，但多一个限制每行的最多个数的属性xCount。

分组

函数名：

BeginGroup，无返回值，主要用于对GUI控件进行分组。

结构：

GUI.BeginGroup(Rect,内容,样式);
1

应用：

GUI.BeginGroup(Rect,内容,样式);
//中间添加要分组的控件
GUI.EndGaroup();
1
2
3

滚动列表

函数名：

BeginScorllView，返回值为Vector2

结构：

GUI.BeginScorllView(viewRect, nowPos, showRect, 样式);
1

参数介绍：

1. viewRect：当前前方可视窗口的Rect。
2. showRect：当前后方内容窗口的Rect。
3. nowPos：当前内容的坐标。

应用：

GUI.BeginScorllView(viewRect, nowPos, showRect, 样式);
//可视窗口的内容
GUI.EndScorllView();
1
2
3

窗口

函数名：

Window，Rect返回值。用于制作UI窗口，Window中的UI控件应当写在Window的委托参数的函数中。

结构：

GUI.Window(id, Rect, 控件委托, 内容, 样式);
1

参数介绍：

1. id：窗口id，负责区分不同窗口。在委托函数中也可以通过
2. 委托函数：用于处理窗口控件函数。

模态窗口

函数名：

ModalWindow，无返回值，当出现模态窗口时只有处理完警告弹窗的逻辑后，其他控件逻辑才允许被继续处理常用于警告弹窗。

结构：

GUI.Window(id, Rect, 控件委托, 内容, 样式);
1

拖动窗口

使用成员变量接收Rect返回值，并在委托函数中写GUI.DragWindow方法。

DragWindow可以使用重载传入Rect参数，作用是决定窗口的那一部分位置可以被拖动。

默认不填就是窗口的所有位置都可以被拖动。

整体皮肤样式

GUIskin就是一个GUIstyle的集合。

GUIskin可以在资源视图右键创建。

应用：

GUI.skin = skin;
1

GUILayout自动布局

GUILayout拥有GUI类所有的控件。但与GUI类不同的是，GUILayout可以自动排序。

水平排序：

BeginHorizontal

EndHorizontal

垂直排序：

BeginVertical

EndVertical

布局选项GUILayoutOption：

一些控件是有GUILayoutOption[]的params数组参数的，直接添加以下方法即可。

//控件的固定宽高
GUILayout.Width();

GUILayout.Height();


//允许控件的最小宽高
GUILayout.MinWidth();

GUILayout.MinHeight();


//允许控件的最大宽高
GUILayout.MaxWidth();

GUILayout.MaxHeight();


//允许或禁止水平拓展
GUILayout.ExpandWidth();

GUILayout.ExpandHeight();
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22