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

发布于:2025-07-17 ⋅ 阅读:(14) ⋅ 点赞:(0)

布局选项
​​用途​​:精细控制元素尺寸
​​核心类​​: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();
    }

}

在这里插入图片描述


网站公告

今日签到

点亮在社区的每一天
去签到