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

死也不注释2025-07-15 20:18

布局选项

用途：精细控制元素尺寸

核心类：GUILayout

使用位置：UI元素方法末尾

常用选项：

csharp 复制代码

// 宽度约束
GUILayout.Button("文本", GUILayout.Width(80));

// 高度约束
GUILayout.Button("文本", GUILayout.Height(30));

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

注意事项：

csharp 复制代码

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

// 正确写法
GUILayout.Button("文本", GUILayout.Height(50));

示例代码和效果图

csharp 复制代码

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();
    }

}