八、编辑器开发之GUILayout布局
八、编辑器开发之GUILayout布局
CoderZ
发布于 2022-08-29 15:37:59
发布于 2022-08-29 15:37:59
代码可运行
运行总次数：0
代码可运行
1.水平布局
在编辑器的开发中，如果我们想将一些GUI元素绘制在一个水平方向上，需要用到GUILayout中的一对方法：
GUILayout.BeginHorizontal();
// GUI Element1st
// GUI Element2nd
// GUI Element3rd
GUILayout.EndHorizontal();这两个方法一定是成对出现的，有了上述布局后，我们绘制的内容类似于下图：
2.垂直布局
如果我们想将这些元素绘制在一个垂直方向上，则需要用到GUILayout中的另一对方法：
GUILayout.BeginVertical();
// GUI Element1st
// GUI Element2nd
// GUI Element3rd
GUILayout.EndVertical();那么绘制的内容类似于下图：
3.复合布局
例如，我们想在水平布局中嵌套垂直布局
GUILayout.BeginHorizontal();
GUILayout.BeginVertical();
GUILayout.Button("Element1");
GUILayout.Button("Element2");
GUILayout.EndVertical();
GUILayout.BeginVertical();
GUILayout.Button("Element3");
GUILayout.Button("Element4");
GUILayout.EndVertical();
GUILayout.EndHorizontal();上例中，我们在一个水平布局中嵌套了两个垂直布局，每个垂直布局中垂直绘制了两个Button按钮，最终如下图所示：
4.滑动列表
如果我们要绘制大量的可能会超出范围的元素，需要用到滑动列表
scroll = GUILayout.BeginScrollView(scroll);
//Element1
//Element2
//...
//...
//Element...
GUILayout.EndScrollView();使用滑动列表时需要传入一个Vector2类型变量同时进行接收，用来获取滑动列表滑动的位置。
除了GUILayout类，EditorGUILayout类中包含同样的上述的布局方法。
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2021-05-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
