当前位置：首页 > ops >正文

【第一章编辑器开发基础第二节编辑器布局_3GUI元素和布局大小（3/4）】

ops 2025/7/15 16:24:36

布局选项
用途：精细控制元素尺寸
核心类：GUILayout
使用位置：UI元素方法末尾
常用选项：

// 宽度约束
GUILayout.Button("文本", GUILayout.Width(80));// 高度约束
GUILayout.Button("文本", GUILayout.Height(30));// 同时约束宽高
GUILayout.Button("文本", GUILayout.Width(100), GUILayout.Height(40)
);

注意事项：

选项必须放在参数列表末尾
不能混合GUILayout和EditorGUILayout选项
Height/Width只接受单次声明：
// 错误写法！（结果以最后一个为准）
GUILayout.Button("文本", GUILayout.Height(30), GUILayout.Height(50) // 此设置生效
);// 正确写法
GUILayout.Button("文本", GUILayout.Height(50));

示例代码和效果图

using UnityEngine;
using UnityEditor;/// <summary>
/// 创建自定义编辑器，作用于Example组件
/// </summary>
[CustomEditor(typeof(Example))]
public class ExampleEditor : Editor
{// ================= 核心方法 - 绘制编辑器界面 =================public override void OnInspectorGUI(){// 1. 先绘制默认Inspector内容base.OnInspectorGUI();// 2. 依次绘制各种自定义控件LayoutOption();// 布局选项应用}// ================= 9. 布局选项应用 =================private void LayoutOption(){GUILayout.BeginHorizontal();// 固定宽度50像素GUILayout.Button("btn1", GUILayout.Width(50f));GUILayout.Button("btn2", GUILayout.Height(150f), GUILayout.Height(30f));// 同时指定宽高GUILayout.Button("btn3", GUILayout.Width(200f), GUILayout.Height(40f));GUILayout.EndHorizontal();}}