别再傻傻分不清了！一文搞懂Unity编辑器扩展的四种绘制方式（EditorWindow/Editor/PropertyDrawer）

Unity编辑器扩展四大绘制方式深度解析：从原理到实战

在Unity编辑器开发中，最令人困惑的莫过于各种绘制类的选择。为什么同样的按钮绘制，有人用EditorWindow，有人用Editor，还有人用PropertyDrawer？这四种绘制方式就像工具箱里的不同工具，用错不仅效率低下，还可能引发各种奇怪的问题。本文将彻底拆解它们的底层原理和适用场景，让你在编辑器开发中不再"选型困难"。

1. 绘制方式全景图：四大金刚的定位差异

Unity编辑器扩展的核心绘制类可以归纳为四大类型，每种都有其独特的应用场景和实现方式。我们先通过一个对比表格直观感受它们的区别：

表：Unity四大编辑器绘制方式对比

1.1 EditorWindow：独立王国的构建者

EditorWindow是创建完全独立工具窗口的首选方案。想象你需要开发一个角色动画批量导入工具，或者一个项目资源统计分析面板——这些都需要自己的窗口空间。它的特点包括：

• 完全自主的窗口控制：可以自由设置窗口大小、位置和布局
• 灵活的生命周期：通过[MenuItem]静态方法触发窗口创建
• 全局作用域：不依赖特定游戏对象，适合通用工具开发

// 创建基础工具窗口示例 public class TextureTool : EditorWindow { [MenuItem("Tools/Texture Processor")] static void Init() { var window = GetWindow<TextureTool>(); window.titleContent = new GUIContent("贴图处理器"); window.minSize = new Vector2(400, 300); } void OnGUI() { // 绘制贴图处理界面 EditorGUILayout.LabelField("批量贴图压缩工具", EditorStyles.boldLabel); // 更多UI绘制代码... } }

提示：EditorWindow脚本必须放在Editor文件夹中，否则编译会报错

1.2 Editor：组件检视器的魔术师

当需要增强默认Inspector面板的功能时，Editor类是你的不二之选。比如你想为你的地形生成组件添加实时预览功能，或者简化复杂参数的配置过程。关键特性：

• 绑定特定组件类型：通过[CustomEditor(typeof(MyComponent))]指定目标
• 序列化属性访问：使用SerializedProperty安全修改序列化字段
• 多对象编辑支持：添加[CanEditMultipleObjects]属性即可批量编辑

[CustomEditor(typeof(TerrainGenerator))] public class TerrainGeneratorEditor : Editor { SerializedProperty resolutionProp; SerializedProperty heightMapProp; void OnEnable() { resolutionProp = serializedObject.FindProperty("resolution"); heightMapProp = serializedObject.FindProperty("heightMap"); } public override void OnInspectorGUI() { serializedObject.Update(); EditorGUILayout.PropertyField(resolutionProp); EditorGUILayout.PropertyField(heightMapProp); if(GUILayout.Button("Generate Preview")) { ((TerrainGenerator)target).GeneratePreview(); } serializedObject.ApplyModifiedProperties(); } }

1.3 Scene GUI：场景中的可视化编辑器

OnSceneGUI为场景视图中的交互提供了强大支持，常用于：

• 创建自定义移动/旋转手柄
• 绘制路径编辑工具
• 实现可视化区域标记

[CustomEditor(typeof(PathNode))] public class PathNodeEditor : Editor { void OnSceneGUI() { PathNode node = target as PathNode; Handles.color = Color.cyan; // 绘制可拖拽的位置手柄 EditorGUI.BeginChangeCheck(); Vector3 newPosition = Handles.PositionHandle(node.transform.position, Quaternion.identity); if (EditorGUI.EndChangeCheck()) { Undo.RecordObject(node, "Move Path Node"); node.transform.position = newPosition; } // 绘制连接线 if(node.nextNode) { Handles.DrawDottedLine(node.transform.position, node.nextNode.transform.position, 5); } } }

1.4 PropertyDrawer：属性级别的微整形

当需要对特定数据类型的属性显示进行定制时，PropertyDrawer提供了最精细的控制：

[CustomPropertyDrawer(typeof(MinMaxRange))] public class MinMaxRangeDrawer : PropertyDrawer { public override void OnGUI(Rect position, SerializedProperty property, GUIContent label) { EditorGUI.BeginProperty(position, label, property); SerializedProperty minProp = property.FindPropertyRelative("min"); SerializedProperty maxProp = property.FindPropertyRelative("max"); Rect sliderRect = new Rect(position.x, position.y, position.width, EditorGUIUtility.singleLineHeight); EditorGUI.MinMaxSlider(sliderRect, label, ref minProp.floatValue, ref maxProp.floatValue, 0f, 1f); EditorGUI.EndProperty(); } }

2. 选择决策树：什么情况该用什么？

面对具体需求时，可以按照以下决策流程选择绘制方式：

1. 是否需要独立窗口？

   • 是 → 使用EditorWindow
   • 否 → 进入下一步判断

2. 是否需要修改组件Inspector？

   • 是 → 使用Editor + OnInspectorGUI
   • 否 → 进入下一步判断

3. 是否需要场景中的交互？

   • 是 → 使用Editor + OnSceneGUI
   • 否 → 进入下一步判断

4. 是否需要定制特定属性的显示？

   • 是 → 使用PropertyDrawer
   • 否 → 考虑其他方案

常见误区警示：

• 错误1：在EditorWindow中尝试修改组件属性 → 应使用Editor
• 错误2：用PropertyDrawer处理复杂对象关系 → 应使用Editor
• 错误3：在OnSceneGUI中绘制复杂UI → 应使用EditorWindow

3. 混合使用实战：构建角色对话编辑器

让我们通过一个完整的案例，展示如何组合使用多种绘制方式。假设我们要开发一个角色对话系统编辑器：

3.1 主窗口框架（EditorWindow）

public class DialogueEditorWindow : EditorWindow { [MenuItem("Tools/Dialogue Editor")] static void ShowWindow() { var window = GetWindow<DialogueEditorWindow>(); window.titleContent = new GUIContent("对话编辑器"); } void OnGUI() { // 顶部工具栏 EditorGUILayout.BeginHorizontal(EditorStyles.toolbar); if(GUILayout.Button("新建对话", EditorStyles.toolbarButton)) { // 创建新对话 } EditorGUILayout.EndHorizontal(); // 主体分为左右两栏 EditorGUILayout.BeginHorizontal(); DrawDialogueList(); // 左侧对话列表 DrawSelectedDialogue(); // 右侧详细编辑 EditorGUILayout.EndHorizontal(); } }

3.2 对话节点Inspector定制（Editor）

[CustomEditor(typeof(DialogueNode))] public class DialogueNodeEditor : Editor { public override void OnInspectorGUI() { serializedObject.Update(); EditorGUILayout.PropertyField(serializedObject.FindProperty("speaker")); EditorGUILayout.PropertyField(serializedObject.FindProperty("text")); // 自定义选项列表绘制 SerializedProperty options = serializedObject.FindProperty("options"); EditorGUILayout.LabelField("对话选项", EditorStyles.boldLabel); for(int i = 0; i < options.arraySize; i++) { EditorGUILayout.BeginVertical("box"); SerializedProperty option = options.GetArrayElementAtIndex(i); EditorGUILayout.PropertyField(option.FindPropertyRelative("text")); // 更多选项字段... EditorGUILayout.EndVertical(); } serializedObject.ApplyModifiedProperties(); } }

3.3 场景中的节点连接可视化（OnSceneGUI）

[CustomEditor(typeof(DialogueNode))] public class DialogueNodeEditor : Editor { void OnSceneGUI() { DialogueNode node = target as DialogueNode; // 绘制节点间的连接线 foreach(var option in node.options) { if(option.nextNode) { Handles.color = Color.green; Handles.DrawDottedLine(node.transform.position, option.nextNode.transform.position, 5); } } // 绘制可拖拽的连接点 Handles.color = Color.yellow; foreach(var option in node.options) { if(option.nextNode) { Vector3 midpoint = Vector3.Lerp(node.transform.position, option.nextNode.transform.position, 0.5f); if(Handles.Button(midpoint, Quaternion.identity, 0.2f, 0.2f, Handles.SphereHandleCap)) { // 点击连接线时的操作 } } } } }

3.4 自定义属性绘制（PropertyDrawer）

[CustomPropertyDrawer(typeof(EmotionType))] public class EmotionDrawer : PropertyDrawer { public override void OnGUI(Rect position, SerializedProperty property, GUIContent label) { EmotionType emotion = (EmotionType)property.enumValueIndex; Texture2D icon = GetEmotionIcon(emotion); GUIContent content = new GUIContent(label.text, icon); EditorGUI.BeginProperty(position, content, property); property.enumValueIndex = EditorGUI.Popup(position, content, property.enumValueIndex, property.enumDisplayNames); EditorGUI.EndProperty(); } Texture2D GetEmotionIcon(EmotionType emotion) { // 返回对应表情的图标 } }

4. 高级技巧与性能优化

4.1 编辑器脚本的刷新控制

过度频繁的编辑器刷新会导致性能问题。合理使用这些方法可以优化：

// 控制刷新频率 EditorApplication.delayCall += () => { // 延迟执行代码 }; // 标记场景需要保存 EditorUtility.SetDirty(targetObject); // 只在不播放模式下执行 if(!EditorApplication.isPlaying) { // 编辑器专用代码 }

4.2 编辑器Undo系统的集成

所有修改游戏对象的操作都应该支持撤销：

void OnSceneGUI() { MyComponent comp = target as MyComponent; EditorGUI.BeginChangeCheck(); Vector3 newPosition = Handles.PositionHandle(comp.transform.position, Quaternion.identity); if(EditorGUI.EndChangeCheck()) { Undo.RecordObject(comp.transform, "Move Object"); comp.transform.position = newPosition; } }

4.3 编辑器UI的最佳实践

• 使用EditorGUILayout自动布局简化UI构建
• 合理分组：使用BeginVertical/EndVertical和BeginHorizontal/EndHorizontal
• 样式控制：利用EditorStyles和GUIStyle定制外观
• 响应式设计：考虑EditorGUIUtility.currentViewWidth适应不同窗口大小

// 典型UI布局示例 EditorGUILayout.BeginVertical("box"); { EditorGUILayout.LabelField("基础设置", EditorStyles.boldLabel); EditorGUILayout.BeginHorizontal(); { EditorGUILayout.PropertyField(serializedObject.FindProperty("health")); EditorGUILayout.PropertyField(serializedObject.FindProperty("maxHealth")); } EditorGUILayout.EndHorizontal(); // 进度条样式显示 Rect progressRect = EditorGUILayout.GetControlRect(); EditorGUI.ProgressBar(progressRect, target.health / target.maxHealth, "生命值"); } EditorGUILayout.EndVertical();

4.4 跨平台兼容性处理

编辑器扩展也需要考虑不同操作系统下的表现差异：

// 路径分隔符处理 string path = Application.dataPath + "/" + (Application.platform == RuntimePlatform.WindowsEditor ? "Windows" : "Mac") + "/Resources"; // 键盘事件处理 Event e = Event.current; if(e.type == EventType.KeyDown) { bool isDelete = (Application.platform == RuntimePlatform.OSXEditor) ? (e.keyCode == KeyCode.Backspace) : (e.keyCode == KeyCode.Delete); if(isDelete) { // 处理删除操作 } }