Unity3D教程:GUI的布局模式-unity3d 教程

固定Layout是用在你预先设计好界面的时候，活动Layout工作在你不知道会有多少组件或者如何定位他们的时候，这里有个例子:

function OnGUI () { 
 　　// 固定Layout 
 　　GUI.Button (Rect (25,25,100,30), “I am a Fixed Layout Btton”); 
 　　// 活动Layout 
 　　GUILayout.Button (“I am an Automatic Layout Button”); 
 　　}

排列控制

在活动Layout模式里，你可以控制组件的位置，并组织他们。在固定模式下你可以把多个控件放进Groups中，在活动模式下可以把他们放在Areas， Horizontal Groups和Vertical Groups里。

固定Layout中的Groups

Groups 在固定Layout模式中起到组织可用项的，他让你在屏幕的一个区域中包含多个控件。你要把定义的控件放在GUI.BeginGroup()和 GUI.EndGroup()这对函数中间，所有控件的位置坐标都以Groups的0坐标为起点，假如你更改了group坐标,那么内部的控件也会跟随改变。

举个例子:

// 在Group中有一个box和一个button.这里,两个控件是属于Group的. 
 　　function OnGUI(){ 
 　　GUI.BeginGroup (Rect (Screen.width / 2 , Screen.height / 2 &minus; 50, 100, 100)); 
 　　GUI.Box (Rect (0,0,100,100), “Group is here”); 
 　　GUI.Button (Rect (10,40,80,30), “Click me”); 
 　　GUI.EndGroup (); 
 　　}

Group也可以嵌套，例如:

var bgImage : Texture2D; // background image that is 256 x 32 
 　　var fgImage : Texture2D; // foreground image that is 256 x 32 
 　　var playerEnergy = 1.0; // a float between 0.0 and 1.0 
 　　function OnGUI () { 
 　　// Create one Group to contain both images 
 　　// Adjust the first 2 coordinates to place it somewhere else on&minus;screen 
 　　GUI.BeginGroup (Rect (0,0,256,32)); 
 　　// Draw the background image 
 　　GUI.Box (Rect (0,0,256,32), bgImage); 
 　　// Create a second Group which will be clipped 
 　　// We want to clip the image and not scale it, which is why we need the second Group 
 　　GUI.BeginGroup (Rect (0,0,playerEnergy * 256, 32)); 
 　　// Draw the foreground image 
 　　GUI.Box (Rect (0,0,256,32), fgImage); 
 　　// End both Groups 
 　　GUI.EndGroup (); 
 　　GUI.EndGroup (); 
 　　}

和我们熟知的if-else语句一样,相互最接近的begin和end为一组。

活动Layout-Areas

Areas只用于活动Layout模式.作用和固定模式下的Group一样。

在活动模式下，你可以定义Area的范围，也可以不定义。不定义的时候整个屏幕就是它的范围，如果手工定义了它的范围，那么它内部的控件将以Area的坐标为起始坐标。Unity3D教程手册

一个例子:

function OnGUI () { 
 　　GUILayout.Button (“I am not inside an Area”); 
 　　GUILayout.BeginArea (Rect (Screen.width/2, Screen.height/2, 300, 300)); 
 　　GUILayout.Button (“I am completely inside an Area”); 
 　　GUILayout.EndArea (); 
 　　}

自动Layout - Horizontal and Vertical Groups

自动模式中还有还有两对组函数:GUILayout.BeginHoriztontal()，GUILayout.EndHorizontal()，GUILayout.BeginVertical()，和GUILayout.EndVertical().他们用在Area中，同样也是成对使用的。

其特点是Horiztontal中的控件呈水平排列，Vertical中的控件呈垂直排列。

例子一个:

var sliderValue = 1.0; 
 　　var maxSliderValue = 10.0; 
 　　function OnGUI() 
 　　{ 
 　　// Wrap everything in the designated GUI Area 
 　　GUILayout.BeginArea (Rect (20,0,200,60)); 
 　　// Begin the singular Horizontal Group 
 　　GUILayout.BeginHorizontal(); 
 　　// Place a Button normally 
 　　if (GUILayout.RepeatButton (“Increase max\nSlider Value”)) 
 　　{ 
 　　maxSliderValue += 3.0 * Time.deltaTime; 
 　　} 
 　　// Arrange two more Controls vertically beside the Button 
 　　// 这里面有两个控件 是按照垂直的形式排列的 
 　　GUILayout.BeginVertical(); 
 　　GUILayout.Box(“Slider Value: ” + Mathf.Round(sliderValue)); 
 　　sliderValue = GUILayout.HorizontalSlider (sliderValue, 0.0, maxSliderValue); 
 　　// End the Groups and Area 
 　　GUILayout.EndVertical(); 
 　　GUILayout.EndHorizontal(); 
 　　GUILayout.EndArea(); 
 　　}

用GUILayoutOptions去定义一些控件　　比如可以控制按钮的长度,如:

function OnGUI () { 
 　　GUILayout.BeginArea (Rect (100, 50, Screen.width&minus;200, Screen.height&minus;100)); 
 　　GUILayout.Button (“I am a regular Automatic Layout Button”); 
 　　GUILayout.Button (“My width has been overridden”, GUILayout.Width (95)); 
 　　GUILayout.EndArea (); 
 　　}

这里GUILayout.Width (95)就定义了按钮的长度为95。

原文链接：http://www.unitymanual.com/6064.html