13y32r使用U3D重构3DWEB系列教程（连载）3

她。 3D打印店铺

  在上一节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来调整内部板式各个块之间的间距。