UnityGUI简介

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. Button,按下抬起后响应一次,bool返回值。
  2. RepeatButton,按下持续响应,bool返回值。

结构:

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

多选框

函数名:

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

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

结构

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

单选框

单选框是多选框的一种特殊形式。我们使用一个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;}
}

我们就以第二个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. HorizontalSlider
  2. VerticalSlider,float返回值

结构:

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

图片绘制

函数名:

DrawTexture,无返回值

结构:

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

ScaleMode:

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

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

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

框绘制

函数名:

box,无返回值。不常用

结构:

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

工具栏

函数名:

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

结构:

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

应用:

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;}
}

选择网格

函数名:

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

分组

函数名:

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

结构:

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

应用:

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

滚动列表

函数名:

BeginScorllView,返回值为Vector2

结构:

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

参数介绍:

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

应用:

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

窗口

函数名:

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

结构:

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

参数介绍:

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

模态窗口

函数名:

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

结构:

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

拖动窗口

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

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

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

整体皮肤样式

GUIskin就是一个GUIstyle的集合。

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

应用:

GUI.skin = skin;

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();

Published by

风君子

独自遨游何稽首 揭天掀地慰生平