Unity3d的GUI排版教程-3

在上一节GUILayout.BeginArea、GUILayout.BeginVertical、GUILayout.BeginHorizontal这三大要素，下面我讲用这三大要素来进行一次经典的横、纵、横式布局排版，布局格式如下图所示：





接着代码如下所示：

GUILayout.BeginArea(new Rect(10, 10, 300, 300));

GUILayout.Button("A");

GUILayout.BeginHorizontal("", GUILayout.Width(290));

GUILayout.BeginVertical("",GUILayout.Width(250));

GUILayout.Button("B1");

GUILayout.Button("B2");

GUILayout.Button("B3");

GUILayout.Button("B4");

GUILayout.Button("B5");

GUILayout.EndVertical();

GUILayout.Button("D", GUILayout.Height(120));

GUILayout.EndHorizontal();

GUILayout.Button("C");

GUILayout.EndArea();

运行效果如下图所示：






这里我们先用GUILayout.BeginArea卡住了按钮的区域的位置和大小，生下来就是在该区域进行内部编排了。其中 GUILayout.Width是限定内部块的宽度，GUILayout.Height(120)是限定内部块的高度。剩下来我在下一节，将给按钮添加特定样式，让后各个块显示各自的区域背景，然后利用Padding、Margin以及GUILayout.Space来调整内部板式各个块之间的间距。