2025-04-06 Unity Editor 2 —— GUILayout

已于 2025-04-06 03:43:56 修改
阅读量1.1k 收藏 16
点赞数 23
分类专栏： Unity Editor 学习 文章标签： unity 游戏引擎 editor gui guilayout
于 2025-04-06 03:41:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zheliku/article/details/147018709
版权

文章目录

常用组件

​ 创建 GUILayoutExample.cs 脚本，继承 EditorWindow。

public class GUILayoutExample : EditorWindow
{
    ...

    [MenuItem("EditorExtension/02.IMGUI/01.GUILayoutExample")]
    static void OpenGUILayoutExample()
    {
        GetWindow<GUILayoutExample>().Show();
    }

    private void OnGUI()
    {
        ... // 在这里编写面板控件
    }
}

1 Label 文本标签

  • GUILayout.LabelField(string文本内容);
private void OnGUI()
{
    ...
        
    GUILayout.Label("Label: Hello IMGUI");
    
    ...
}
image-20250406025135416

2 TextField / TextArea / PasswordField 输入框

  • string变量 = GUILayout.TextField(string变量);

    • 单行输入，不可以 Enter 换行。

  • string变量 = GUILayout.TextArea(string变量);

    • 多行输入，可以 Enter 换行。

  • string变量 = GUILayout.PasswordField(string变量, char掩码);

    • 密码输入框，输入内容会显示 char 掩码。
private string _textfieldValue;
private string _textAreaValue;
private string _passwordFieldValue = "";

private void OnGUI()
{
    ...
        
    GUILayout.Label("TextField");
    _textfieldValue = GUILayout.TextField(_textfieldValue);

    GUILayout.Label("TextArea");
    _textAreaValue = GUILayout.TextArea(_textAreaValue);

    GUILayout.Label("PasswordField");
    _passwordFieldValue = GUILayout.PasswordField(_passwordFieldValue, '*');
    
    ...
}
image-20250406030137173

3 Butto / RepeatButton 按钮

  • if (GUILayout.Button(string按钮名称)) { ... }

    按下时触发。

  • if (GUILayout.RepeatButton(string按钮名称)) { ... }

    按下和松开都会触发。

private void OnGUI()
{
    ...
        
    if (GUILayout.Button("Button"))
    {
        Debug.Log("Button Clicked");
    }
    
    // 按下松开都会触发一次
    if (GUILayout.RepeatButton("RepeatButton"))
    {
        Debug.Log("RepeatButton Clicked");
    }
    
    ...
}
image-20250406030529256

4 Horizontal / Vertical 方向布局

  • 使用 GUILayout.BeginHorizontal(); 和 GUILayout.EndHorizontal(); 包围代码块，使代码块的内容水平排列。

​

  • 使用 GUILayout.BeginVertical (); 和 GUILayout.EndVertical (); 包围代码块，使代码块的内容垂直排列。

​ 默认排列方式为垂直排列。

private void OnGUI()
{
    ...
        
    GUILayout.BeginHorizontal();
    { // 使用大括号缩进表明排列关系
        GUILayout.Label("TextField");
        _textfieldValue = GUILayout.TextField(_textfieldValue);
    }
    GUILayout.EndHorizontal();
    
    ...
}
image-20250406031046470

5 Box 自动布局框

  • GUILayout.Box(string文本内容);

    使用包围盒包裹文本内容（深色区域）。

private void OnGUI()
{
    ...
        
    GUILayout.BeginHorizontal();
    {
        GUILayout.Label("Box");
        GUILayout.Box("AutoLayout Box");
    }
    GUILayout.EndHorizontal();
    
    ...
}
image-20250406031146685

6 ScrollView 滚动视图

  • Vector2布局 = GUILayout.BeginScrollView(Vector2布局); // 开启滚动视图
    ...
    EditorGUILayout.EndScrollView(); // 结束滚动视图

    当区域不够显示全部内容时，启用滑动条呈现滚动视图。

private Vector2 _scrollPosition;

private void OnGUI()
{
    ...
        
    _scrollPosition = GUILayout.BeginScrollView(_scrollPosition);
    {
        GUILayout.BeginHorizontal();
        {
            GUILayout.Label("TextField");
            _textfieldValue = GUILayout.TextField(_textfieldValue);
        }
        GUILayout.EndHorizontal();
        
        ...
    }
    GUILayout.EndScrollView();
    
    ...
}
image-20250406031555341

7 Horizontal / VerticalSlider 滑动条

  • float变量 = GUILayout.HorizontalSlider(float变量, 最小值, 最大值);
  • float变量 = GUILayout.VerticalSlider(float变量, 最小值, 最大值);
private float _sliderValue;

private void OnGUI()
{
    ...
        
    GUILayout.BeginHorizontal();
    {
        GUILayout.Label("HorizontalSlider");
        _sliderValue = GUILayout.HorizontalSlider(_sliderValue, 0, 1);
    }
    GUILayout.EndHorizontal();

    GUILayout.BeginHorizontal();
    {
        GUILayout.Label("VerticalSlider");
        _sliderValue = GUILayout.VerticalSlider(_sliderValue, 0, 1);
    }
    GUILayout.EndHorizontal();
    
    ...
}
image-20250406031832206

8 Area GUI 区域

  • GUILayout.BeginArea(Rect布局位置);

    开启一块区域。

private void OnGUI()
{
    ...
        
    GUILayout.BeginArea(new Rect(0, 0, 100, 100));
    {
        // 显示重合了
        GUI.Label(new Rect(0, 0, 20, 20), "1");
    }
    GUILayout.EndArea();
    
    ...
}
image-20250406032101686

9 Window 窗口

  • public static Rect Window(int标识ID, Rect布局位置, GUI.WindowFunction绘制函数, string窗口标题);

    在 EditorWindow 中，该窗口无法显示。

    可在 RunTime 模式下显示。

private void OnGUI()
{
    ...
        
    // 目前不可见
    GUILayout.Window(1, new Rect(0, 0, 100, 100), id => { }, "Window");
    
    ...
}

10 Toolbar 工具栏

  • int下标 = GUILayout.Toolbar(int下标, string[]显示名称);
private int _toolBarIndex;

private void OnGUI()
{
    ...
        
    _toolBarIndex = GUILayout.Toolbar(_toolBarIndex, new[] { "1", "2", "3", "4", "5" });
    
    ...
}
image-20250406032917893

11 Toggle 开关按钮

  • bool开关 = GUILayout.Toggle(bool开关, string名称);
private bool _toggleValue;

private void OnGUI()
{
    ...
        
    _toggleValue = GUILayout.Toggle(_toggleValue, "Toggle");
    
    ...
}
image-20250406033041472

12 Space / FlexibleSpace 空白

  • GUILayout.Space(int间距);

    空出给定间距。

  • GUILayout.FlexibleSpace();

    向两边扩张，挤压中间区域

private void OnGUI()
{
    ...
        
     GUILayout.BeginHorizontal();
    {
        GUILayout.Label("TextField");
        _textfieldValue = GUILayout.TextField(_textfieldValue);
    }
    GUILayout.EndHorizontal();

    GUILayout.Space(100); // 间距 100

    ...

    GUILayout.BeginHorizontal();
    {
        GUILayout.Label("Button");

        GUILayout.FlexibleSpace(); // 挤压中间区域，将 Button 推到右边

        if (GUILayout.Button("Button"))
        {
            Debug.Log("Button Clicked");
        }
    }
    GUILayout.EndHorizontal();
    
    ...
}

​ 下图 “1” 表示垂直布局间隔 100，“2” 表示 Button 被水平挤压到最小。

image-20250406033245882

13 Width / Height / MinWidth / MinHeight / MaxWidth / MaxHeight 宽高控制

  • GUILayout.MinWidth(int值);
  • GUILayout.MaxWidth(int值);
  • GUILayout.MinHeight(int值);
  • GUILayout.MaxHeight(int值);
private void OnGUI()
{
    ...
        
    GUILayout.BeginHorizontal();
    {
        GUILayout.Label("Button");

        GUILayout.FlexibleSpace(); // 挤压中间区域，将 Button 推到右边

        if (GUILayout.Button(
                "Button",
                GUILayout.MinWidth(100), GUILayout.MaxWidth(150),
                GUILayout.MinHeight(100), GUILayout.MaxHeight(150)))
        {
            Debug.Log("Button Clicked");
        }
    }
    GUILayout.EndHorizontal();
    
    ...
}
image-20250406033734497

14 SelectionGrid 选择网格

  • int下标 = GUILayout.SelectionGrid(int下标, string[]名称, int水平数量);
private int _selectedGridIndex;

private void OnGUI()
{
    ...
        
    _selectedGridIndex = GUILayout.SelectionGrid(_selectedGridIndex, new[] { "1", "2", "3", "4", "5" }, 3);
    
    ...
}
image-20250406033918637
Unity 编辑器篇|（七）编辑器拓展EditorGUILayout类 （全面总结 | 建议收藏）
游戏开发小Y的博客
01-17 9万+
专门用于编辑器界面的GUI类，提供了Unity内置类或结构体的控件函数，比如Color类、Vector3类等定义的控件。为编辑器在Inspector和EditorWindow中扩展提供了很大的方便。
Unity 编辑器篇|（五）编辑器拓展GUILayout类 （全面总结 | 建议收藏）
热门推荐
游戏开发小Y的博客
01-15 9万+
GUILayout 类是 Unity GUI 的接口，并且具有自动布局功能。固定布局模式和自动布局模式。不必使用一种布局模式来替代另一种布局模式，可在同一OnGUI()函数中同时使用这两种模式。当有预先设计好的界面可供使用时，采用固定布局比较合理。如果预先不知道需要多少元素，或者不想费心进行每个控件的手动定位，则采用自动布局比较合适。例如，如果要基于保存游戏文件创建大量不同的按钮，但无法准确知道要绘制多少按钮，这种情况下采用自动布局可能会更加合理。具体实际上取决于游戏设计以及所需的界面呈现方式。
Unity编辑器扩展: GUILayout、EditorGUILayout 控件整理
linxinfa的专栏
10-16 1万+
GUILayout GUILayoutOption 基本每个控件方法都有一个可选参数是GUILayoutOption[] Options 这是一个可以控制组件大小之类的选项,在GUILayout类中共有8个。 GUILayout.Height()GUILayout.Width() GUILayout.MaxHeight()GUILayout...
unity编辑器扩展之 EditorGUILayout.ColorField
xzj183的博客
05-29 289
EditorGUILayout.ColorField 是 Unity 编辑器中用于绘制和编辑 Color 类型字段的控件。它提供了一个颜色选择器，允许用户通过 GUI 直接选择和调整颜色。
Unity Editor 编辑器拓展 02——GUI与GUILayout与EditorGUI、EditorGUILayout 属性详解
qq_14812585的博客
08-09 1万+
经过学习，发现GUILayout类，EditorGUILayout类在混合使用。并且这两个类有很多的控件并不知到如何使用。下面决定深入学习。 GUILayout 控件列表 Button 按钮 Label 创建一个自动布局标签。 Space 在当前布局组中插入空白元素。 TextArea 创建一个可供用户编辑字符串的多行文本字段。 TextField 创建一个可供用户编辑字符串的单行文本字段。 Toggle 创建一个打开/关闭的开关按钮。
Unity编辑器基础 EditorGUILayout （大部分用法）
qq_57896821的博客
11-11 1万+
累了不多说 （大家可以将代码复制可以看的更清楚更明白） 如图 效果图 关于效果图最后它的代码我隐藏掉了如何想看看可以自行打开 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEditor; public class Mybianyi : EditorWindow { string PasswordField = ""; stri...
Unity EditorGUILayout总结
mozhi
09-24 4049
EditorGUILayout：提供了一些Unity内置类或结构体的布局组件，比如为Color类型、Vector3类型等定义的组件，为编辑器在Inspcctor和EditorWindow中的扩展提供了很大的方便； EditorGUILayout与GUILayout不同的是，它提供的是一些为专门的类型而封装的高级控件而不是一些基础组件，所以它的使用通常是用在一些变量的输入；EditorGUILay...
Unity编辑器——日期选择窗口插件
10-11
using UnityEditor; public class DateSelectorWindow : EditorWindow { [MenuItem("Tools/Date Selector")] static void Init() { DateSelectorWindow window = (DateSelectorWindow)GetWindow(typeof...
Unity Editor 编辑器拓展 04——IMGUI的学习、GUIStyle、GUISkin、GUILayoutOption
qq_14812585的博客
08-09 3148
IMGUI是可以在运行时绘制的UI系统。因为全部都是代码搭建的UI，所以并没有UGUI适合游戏中显示，主要用于工作人员调试用。 因为GUI和GUILayout可以用来绘制Editor界面，所以在Unity编辑器拓展里面开一专题进行IMGUI的讲解。 GUI和GUILayout的区别就不详述了。GUILayout是带有自动布局功能GUI。如果想更加自由的定制UI界面的话，当然是使用GUI类。 以01章的窗口为背景 先分析一下GUILayout.Button的重载函数 可以看到，有6个重载，.
Unity Editor 编辑器拓展 07——GenericMenu 选项菜单
qq_14812585的博客
08-11 2465
GenericMenu class in UnityEditor 描述 GenericMenu 允许您创建自定义上下文菜单和下拉菜单。 下面的示例打开了一个带有按钮的编辑器窗口。单击该按钮可显示上下文菜单，您可以通过该菜单更改应用于窗口中 GUI 的颜色。将示例的内容复制到名为 GenericMenuExample.cs 的脚本中，然后将其置于您项目中的 Editor 文件夹内。. using UnityEngine; using UnityEditor; public class Gener
Unity3D Editor 编辑器扩展——脚本查询
qq_34143725的博客
03-08 660
当当当当~小熊特推出脚本查询工具！
Unity编辑器扩展基础---EditorGUILayout
天富儿的博客
05-28 2153
Unity编辑器扩展基础---EditorGUILayout叙述：代码效果图：原文链接 叙述： 类似BeginFadeGroup、BeginHorizontal布局函数都有与之对应的EndFadeGroup、EndHorizontal，他们是一一对应的； 创建ToggleGroup，关闭之后该ToggleGroup下的内容都不能在该组下面修改。 BeginScrollView返回值是该滑动区域的位置，需要将它存下来，才能改变BeginScrollView的位置。 代码 using UnityEngine
unity GUI Layout 组件（全）
weixin_30629653的博客
07-24 574
【expand 扩张】【fitter 装配工】 【envelope 信封，包装】 Layout 布局 三种。 Horizontal Layout Group 水平布局 Padding：内边距，单位像素。 Spacing：子物体间的间隔，单位像素。 Child Alignment：对齐方式。 ControlsChild Size：布局组件是否控制...
Unity部分GUILayout使用
Elvin_Bock的博客
03-01 493
PS：很久之前好像是照着Unity帮助文档写的，当时要用其中几个，然后得了空闲顺便把其他几个常用的也搬出来了。PS：一些常用的GUILayout。
Unity3D GUILayout
health的博客
08-05 1912
使用GUI绘制控件时，需要设置控件的Rect()方法，即设置控件的整体显示区域，如果控件内容长度发生变化，就会直接影响显示效果。 GUILayout无需设定显示区域，它自动把所有控件以线性的排列方式（默认为垂直线性布局）显示在屏幕中，系统会自动计算显示区域，并保证它们不会重叠。大部分GUI控件都可以使用GUILayout进行绘制 GUILayout有一套更强大的方式来设定控件的显示区域，即GU...
【Unity】8.3 布局模式（GUILayout）
weixin_34080571的博客
04-27 429
分类：Unity、C#、VS2015 创建日期：2016-04-27 一、简介 在Unity 5.x中，GUI控件的布局方式有两种。 一种为固定布局，即在绘制控件的时候将位置参数传入，指定控件的精确位置。另一种是自动布局，适用于控件数量动态改变的情况。或者说，当你已经有了一个预先设计好的界面可以用来工作时，可以使用固定布局 (Fixed Layout)。 另一种为自动布局(Automat...
Unity-编辑器拓展之GUILayout,EditorGUILayout布局 { }
橙系圆的博客
08-23 3219
Unity编辑器拓展，创建自定义窗口，对窗口进行UI布局
Unity3D 布局 GUILayout
萌萌的It人 www.itmmd.com
06-08 1083
function OnGUI() { //开始一个显示区域 GUILayout.BeginArea (Rect (0,0,200,60)); //开始最外层横向布局 GUILayout.BeginHorizontal(); //嵌套一个纵向布局 GUILayout.BeginVertical(); GUILayout.Box("Test1");
unity editor 调用deepseek
最新发布
02-09
### 如何在 Unity 编辑器中集成和使用 DeepSeek #### 创建 EditorWindow 来管理 DeepSeek 的配置 为了方便开发者管理和测试 DeepSeek 功能，在 Unity 编辑器内创建自定义窗口是一个不错的选择。通过 `EditorWindow` 类可以轻松实现这一点[^3]。 ```csharp using UnityEngine; using UnityEditor; public class DeepSeekConfigWindow : EditorWindow { private string apiKey = "sk-d17be4a259504db3825c8d20d463dddd"; [MenuItem("Window/DeepSeek Config")] public static void ShowWindow() { GetWindow<DeepSeekConfigWindow>("DeepSeek Config"); } void OnGUI() { GUILayout.Label("DeepSeek API Key", EditorStyles.boldLabel); apiKey = EditorGUILayout.TextField(apiKey); if (GUILayout.Button("Test Connection")) { Debug.Log($"Testing connection with key {apiKey}"); // Add code here to test the connection using provided API key. } } } ``` 此脚本允许用户输入自己的 DeepSeek API 密钥并提供了一个按钮来验证连接是否成功[^2]。 #### 使用 RESTful API 调用 DeepSeek 大模型 对于实际调用 DeepSeek 提供的服务来说，通常会采用 HTTP 请求的方式发送数据给服务器端处理。下面展示了一种简单的方法来进行同步请求： ```csharp using System.Collections.Generic; using UnityEngine.Networking; IEnumerator CallDeepSeek(string message, System.Action<string> callback) { var request = new UnityWebRequest( url: $"https://api.deepseek.com/v1/chat", method: "POST" ); WWWForm form = new WWWForm(); Dictionary<string, string> headers = new Dictionary<string, string>(); headers["Authorization"] = $"Bearer sk-d17be4a259504db3825c8d20d463dddd"; foreach (var header in headers) { request.SetRequestHeader(header.Key, header.Value); } byte[] bodyRaw = Encoding.UTF8.GetBytes(JsonUtility.ToJson(new { prompt = message, max_tokens = 150 })); request.uploadHandler = (UploadHandler)new UploadHandlerRaw(bodyRaw); request.downloadHandler = (DownloadHandler)new DownloadHandlerBuffer(); yield return request.SendWebRequest(); while (!request.isDone) yield return null; if (string.IsNullOrEmpty(request.error)) { callback?.Invoke(request.downloadHandler.text); } else { Debug.LogError($"Error calling DeepSeek API: {request.error}"); } } ``` 这段代码展示了如何构建 POST 请求并将消息作为 JSON 发送到指定 URL 地址；同时设置了必要的认证头信息以便能够访问受保护资源。 #### 将上述组件结合起来实现在编辑器中的交互体验 最后一步就是把前面提到的功能组合起来形成完整的用户体验流程——即当玩家点击某个 UI 控件时触发向 AI 查询的操作，并显示返回的结果。这可以通过监听特定事件或绑定回调函数到相应控件上来完成。 ```csharp void StartConversation() { StartCoroutine(CallDeepSeek("你好啊！", HandleResponse)); } void HandleResponse(string responseText) { // Process and display the received text from DeepSeek. Debug.Log(responseText); } ``` 以上就是在 Unity 编辑器环境中集成了 DeepSeek 并实现了基本对话功能的具体方法[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蔗理苦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值
OSZAR »