GUI用户图形界面:GUILayout控件及使用例子

男娘i 2022-12-10 05:58 240阅读 0赞

\#pragma strict

var sliderValue:float;

function onGUI()

GUILayout.BeginArea(Rect(10,20,800,800));

GUILayout.BeginHrizontal();

GUILayout.Button(“这是一个GUILayout按钮”);

GUILayout.Button(“这是另一个GUILayout按钮”);

GUILayout.BeginVertical();

GUILayout.Box(“这是一个GUIlayout盒子控件”);

GUILayout.Space(120);

sliderValue=GUILayout. HrizontalSlider(sliderValue,0.0,10.0,GUILayout.Width(100));

GUILayout.EndVertical();

GUILayout.EndHrizontal();

GUILayout.EndArea();

GUILayout也可以定义一些控件，并且它们会自动垂直对其：

1.  `GUILayout.Button("开始游戏");`
2.  `GUILayout.Button("结束游戏");`

效果 如图：

![662b11b7d6b0c7321c32c4ff894bc501.png][]

这里如果需要切换成水平布局的话，使用：

1.  `GUILayout.BeginHorizontal();`
2.  `GUILayout.Button("开始游戏");`
3.  `GUILayout.Button("结束游戏");`
4.  `GUILayout.EndHorizontal();`

一定要结束布局，不然接下来的控件也都会按照水平布局来放置：

![37d5d300a830a61f1781bab76e92d07e.png][]

如果要使两个控件之间产生距离，就在两个控件之间加：

GUILayout.Space(120);

效果如图：

![9fea953cbecfb8c02084181ccda7feda.png][]

如果需要手动定义控件的大小，就在创建控件的时候，加两个参数

GUILayout.Button("开始游戏",GUILayout.Width(100),GUILayout.Height(50));

效果如图：

![ae10f8aa3cc23972a25e9dc7dc888e89.png][]

还可以使用一个区域组件，把所有的控件全部放在里面：

1.  `GUILayout.BeginArea(new Rect(Screen.width/2,Screen.height/2,200,200));`
2.   
3.   
4.  `GUILayout.BeginHorizontal();`
5.  `GUILayout.Button("开始游戏",GUILayout.Width(100),GUILayout.Height(50));`
6.  `GUILayout.Space(120);`
7.  `GUILayout.Button("结束游戏");`
8.  `GUILayout.EndHorizontal();`
9.   
10. `GUILayout.EndArea();`

效果如图：

![5cae89d8209cceb12f43eff8214a7693.png][]

[662b11b7d6b0c7321c32c4ff894bc501.png]: /images/20221123/76ba3c01ea6b4af2b50f25d9f9d7804e.png
[37d5d300a830a61f1781bab76e92d07e.png]: /images/20221123/076375695b6148b381d74fc4a2bb2163.png
[9fea953cbecfb8c02084181ccda7feda.png]: /images/20221123/3470d008cfe74c31b4981147b03cf7e5.png
[ae10f8aa3cc23972a25e9dc7dc888e89.png]: /images/20221123/e70039ea11c0436985201bb15396d95f.png
[5cae89d8209cceb12f43eff8214a7693.png]: /images/20221123/7e8773454e8e4e9fa6b08712eb034fa3.png