Unity 编辑器开发实战【Custom Editor】- AudioDatabase Editor 音频库编辑器

简介: Unity 编辑器开发实战【Custom Editor】- AudioDatabase Editor 音频库编辑器

本文实现一个音频库的自定义编辑器,效果如图:

image.gif

开始实现之前,首先简单介绍该音频库模块,音频库类Audio Database继承自Scriptable Object类,是一个可配置的资源文件:

image.gif包含的内容如下,databaseName表示该音频库的名称,outputAudioMixerGroup表示音频播放时的输出混音器组,datasets则是表示所有音频数据的列表:

/// <summary>/// 音频库/// </summary>    [CreateAssetMenu(fileName="New Audio Database", order=215)]
publicclassAudioDatabase : ScriptableObject    {
/// <summary>/// 音频库名称/// </summary>publicstringdatabaseName;
/// <summary>/// 输出混音器组/// </summary>publicAudioMixerGroupoutputAudioMixerGroup;
/// <summary>/// 音频数据列表/// </summary>publicList<AudioData>datasets=newList<AudioData>(0);
    }

image.gif

AudioData音频数据类包含两个字段:name 表示该音频数据的名称,clip 表示该音频资源:

usingSystem;
usingUnityEngine;
namespaceSK.Framework{
/// <summary>/// 音频数据/// </summary>    [Serializable]
publicclassAudioData    {
publicstringname;
publicAudioClipclip;
    }
}

image.gif

该编辑器的布局结构:

image.gif

首先继承自Editor类,使用CustomEditorAttribute,并重写OnInspectorGUI方法以实现自定义编辑器。

音频库名称是一个string类型字段,因此使用EditorGUILayout中的TextField函数来添加一个文本编辑框:

usingUnityEditor;
usingUnityEngine;
[CustomEditor(typeof(AudioDatabase))]
publicclassAudioDatabaseEditor : Editor{
privateAudioDatabasedatabase;
privatevoidOnEnable()
    {
database=targetasAudioDatabase;
    }
publicoverridevoidOnInspectorGUI()
    {
//音频库名称varnewDatabaseName=EditorGUILayout.TextField("Database Name", database.databaseName);
if (newDatabaseName!=database.databaseName)
        {
Undo.RecordObject(database, "Name");
database.databaseName=newDatabaseName;
EditorUtility.SetDirty(database);
        }
    }
}

image.gif

其中Undo.RecordObject方法用于实现撤销、恢复操作。即当我们修改音频库名称后,使用Ctrl+Z可以撤销修改的操作,撤销后使用Ctrl+Y可以恢复撤销的内容。EditorUtility类中的SetDirty方法则用于标识该物体已经被修改,以实现资产更新保存。上述这两个方法将会大量用到。

outputAudioMixerGroup使用ObjectField方法来实现赋值和更改,objType参数传入AudioMixerGroup的类型即可:

varnewOutputAudioMixerGroup=EditorGUILayout.ObjectField("Output Audio Mixer Group", database.outputAudioMixerGroup, typeof(AudioMixerGroup), false) asAudioMixerGroup;
if (newOutputAudioMixerGroup!=database.outputAudioMixerGroup)
{
Undo.RecordObject(database, "Output");
database.outputAudioMixerGroup=newOutputAudioMixerGroup;
EditorUtility.SetDirty(database);
}

image.gif

折叠栏使用EditorGUILayout类中的BeginFadeGroup和EndFadeGroup方法来实现,可以使用一个bool类型字段来实现简单的折叠,不过我们这里用的是AnimBool,它可以实现折叠时的动画效果,效果如下

image.gif

在折叠栏为打开状态时,遍历音频数据列表,每一项数据添加一个水平布局,从左到右依次添加音频图标、音频名称、一个Button按钮、时长信息、播放、停止、删除按钮。

usingUnityEngine;
usingUnityEditor;
usingUnityEngine.Audio;
usingUnityEditor.AnimatedValues;
[CustomEditor(typeof(AudioDatabase))]
publicclassAudioDatabaseEditor : Editor{
privateAudioDatabasedatabase;
privateAnimBoolfoldout;
privatevoidOnEnable()
    {
database=targetasAudioDatabase;
foldout=newAnimBool(false, Repaint);
    }
publicoverridevoidOnInspectorGUI()
    {
//音频库名称varnewDatabaseName=EditorGUILayout.TextField("Database Name", database.databaseName);
if (newDatabaseName!=database.databaseName)
        {
Undo.RecordObject(database, "Name");
database.databaseName=newDatabaseName;
EditorUtility.SetDirty(database);
        }
//音频库输出混音器varnewOutputAudioMixerGroup=EditorGUILayout.ObjectField("Output Audio Mixer Group", database.outputAudioMixerGroup, typeof(AudioMixerGroup), false) asAudioMixerGroup;
if (newOutputAudioMixerGroup!=database.outputAudioMixerGroup)
        {
Undo.RecordObject(database, "Output");
database.outputAudioMixerGroup=newOutputAudioMixerGroup;
EditorUtility.SetDirty(database);
        }
//音频数据折叠栏 使用AnimBool实现动画效果foldout.target=EditorGUILayout.Foldout(foldout.target, "Datasets");
if (EditorGUILayout.BeginFadeGroup(foldout.faded))
        {
for (inti=0; i<database.datasets.Count; i++)
            {
vardata=database.datasets[i];
//水平布局GUILayout.BeginHorizontal();
GUILayout.EndHorizontal();
            }
        }
EditorGUILayout.EndFadeGroup();
    }
}

image.gif

音频图标使用的是Unity中内置的图标,如何查看Unity中的内置图标在如下链接的博客中有介绍:Unity编辑器开发之GUIIcon 有了图标的名称后,通过EditorGUIUtility类中的IconContent方法进行实现:

//绘制音频图标GUILayout.Label(EditorGUIUtility.IconContent("SceneViewAudio"), GUILayout.Width(20f));

image.gif

音频数据的名称为string类型字段,也通过TextField进行实现:

//音频数据名称varnewName=EditorGUILayout.TextField(data.name, GUILayout.Width(120f));
if (newName!=data.name)
{
Undo.RecordObject(database, "Data Name");
data.name=newName;
EditorUtility.SetDirty(database);
}

image.gif

添加Button按钮,点击该按钮后,使用EditorGUIUtility类中的PingObject方法定位该项数据中的音频资源,绘制按钮时使用不同颜色来区分当前项是否为选中的音频数据项,声明一个int类型字段currentIndex,用于表示当前选中项的索引值

//使用音频名称绘制Button按钮 点击后使用PingObject方法定位该音频资源ColorcolorCache=GUI.color;
GUI.color=currentIndex==i?Color.cyan : colorCache;
if (GUILayout.Button(data.clip!=null?data.clip.name : "Null"))
{
currentIndex=i;
EditorGUIUtility.PingObject(data.clip);
}
GUI.color=colorCache;

image.gif

image.gif

播放进度和音频时长均为float类型,我们需要一个将时长转化为00:00时间格式的方法,代码如下:

//将秒数转换为00:00时间格式字符串privatestringToTimeFormat(floattime)
{
intseconds= (int)time;
intminutes=seconds/60;
seconds%=60;
returnstring.Format("{0:D2}:{1:D2}", minutes, seconds);
}

image.gif

播放、停止播放及删除按钮的图标用的也均是Unity中的内置图标,分别为PlayButton、PauseButton和Toolbar Minus:

//播放按钮if (GUILayout.Button(EditorGUIUtility.IconContent("PlayButton"), GUILayout.Width(20f)))
{
}
//停止播放按钮if (GUILayout.Button(EditorGUIUtility.IconContent("PauseButton"), GUILayout.Width(20f)))
{
}
//删除按钮 点击后删除该项音频数据if (GUILayout.Button(EditorGUIUtility.IconContent("Toolbar Minus"), GUILayout.Width(20f)))
{
}

image.gif

我们声明一个字典来存储当前正在播放的音频项,点击播放按钮时,创建一个带有Audio Source组件的物体并用其播放,将其添加到字典中,点击停止播放按钮时,将其从字典移除,并销毁物体,点击删除按钮时,也要判断该项如果正在播放,先要进行移除和销毁,再删除该音频数据项:

privateDictionary<AudioData, AudioSource>players;

image.gif

//播放按钮if (GUILayout.Button(EditorGUIUtility.IconContent("PlayButton"), GUILayout.Width(20f)))
{
if (!players.ContainsKey(data))
    {
//创建一个物体并添加AudioSource组件 varsource=EditorUtility.CreateGameObjectWithHideFlags("Audio Player", HideFlags.HideAndDontSave).AddComponent<AudioSource>();
source.clip=data.clip;
source.outputAudioMixerGroup=database.outputAudioMixerGroup;
source.Play();
players.Add(data, source);
    }
}
//停止播放按钮if (GUILayout.Button(EditorGUIUtility.IconContent("PauseButton"), GUILayout.Width(20f)))
{
if (players.ContainsKey(data))
    {
DestroyImmediate(players[data].gameObject);
players.Remove(data);
    }
}
//删除按钮 点击后删除该项音频数据if (GUILayout.Button(EditorGUIUtility.IconContent("Toolbar Minus"), GUILayout.Width(20f)))
{
Undo.RecordObject(database, "Delete");
database.datasets.Remove(data);
if (players.ContainsKey(data))
    {
DestroyImmediate(players[data].gameObject);
players.Remove(data);
    }
EditorUtility.SetDirty(database);
Repaint();
}

image.gif

image.gif

最后绘制一个矩形区域,当拖拽AudioClip资源到该区域时,添加音频数据项,使用DragAndDrop类来实现:

//以下代码块中绘制了一个矩形区域,将AudioClip资产拖到该区域则添加一项音频数据GUILayout.BeginHorizontal();
{
GUILayout.Label(GUIContent.none, GUILayout.ExpandWidth(true));
RectlastRect=GUILayoutUtility.GetLastRect();
vardropRect=newRect(lastRect.x+2f, lastRect.y-2f, 120f, 20f);
boolcontainsMouse=dropRect.Contains(Event.current.mousePosition);
if (containsMouse)
    {
switch (Event.current.type)
        {
caseEventType.DragUpdated:
boolcontainsAudioClip=DragAndDrop.objectReferences.OfType<AudioClip>().Any();
DragAndDrop.visualMode=containsAudioClip?DragAndDropVisualMode.Copy : DragAndDropVisualMode.Rejected;
Event.current.Use();
Repaint();
break;
caseEventType.DragPerform:
IEnumerable<AudioClip>audioClips=DragAndDrop.objectReferences.OfType<AudioClip>();
foreach (varaudioClipinaudioClips)
                {
if (database.datasets.Find(m=>m.clip==audioClip) ==null)
                    {
Undo.RecordObject(database, "Add");
database.datasets.Add(newAudioData() { name=audioClip.name, clip=audioClip });
EditorUtility.SetDirty(database);
                    }
                }
Event.current.Use();
Repaint();
break;
        }
    }
Colorcolor=GUI.color;
GUI.color=newColor(GUI.color.r, GUI.color.g, GUI.color.b, containsMouse? .9f : .5f);
GUI.Box(dropRect, "Drop AudioClips Here", newGUIStyle(GUI.skin.box) { fontSize=10 });
GUI.color=color;
}
GUILayout.EndHorizontal();

image.gif

image.gif

最终代码:

usingUnityEngine;
usingUnityEditor;
usingSystem.Linq;
usingUnityEngine.Audio;
usingSystem.Collections.Generic;
usingUnityEditor.AnimatedValues;
[CustomEditor(typeof(AudioDatabase))]
publicclassAudioDatabaseEditor : Editor{
privateAudioDatabasedatabase;
privateAnimBoolfoldout;
privateintcurrentIndex=-1;
privateDictionary<AudioData, AudioSource>players;
privatevoidOnEnable()
    {
database=targetasAudioDatabase;
foldout=newAnimBool(false, Repaint);
players=newDictionary<AudioData, AudioSource>();
EditorApplication.update+=Update;
    }
privatevoidOnDestroy()
    {
EditorApplication.update-=Update;
foreach (varplayerinplayers)
        {
DestroyImmediate(player.Value.gameObject);
        }
players.Clear();
    }
privatevoidUpdate()
    {
Repaint();
foreach (varplayerinplayers)
        {
if (!player.Value.isPlaying)
            {
DestroyImmediate(player.Value.gameObject);
players.Remove(player.Key);
break;
            }
        }
    }
publicoverridevoidOnInspectorGUI()
    {
//音频库名称varnewDatabaseName=EditorGUILayout.TextField("Database Name", database.databaseName);
if (newDatabaseName!=database.databaseName)
        {
Undo.RecordObject(database, "Name");
database.databaseName=newDatabaseName;
EditorUtility.SetDirty(database);
        }
//音频库输出混音器varnewOutputAudioMixerGroup=EditorGUILayout.ObjectField("Output Audio Mixer Group", database.outputAudioMixerGroup, typeof(AudioMixerGroup), false) asAudioMixerGroup;
if (newOutputAudioMixerGroup!=database.outputAudioMixerGroup)
        {
Undo.RecordObject(database, "Output");
database.outputAudioMixerGroup=newOutputAudioMixerGroup;
EditorUtility.SetDirty(database);
        }
//音频数据折叠栏 使用AnimBool实现动画效果foldout.target=EditorGUILayout.Foldout(foldout.target, "Datasets");
if (EditorGUILayout.BeginFadeGroup(foldout.faded))
        {
for (inti=0; i<database.datasets.Count; i++)
            {
vardata=database.datasets[i];
GUILayout.BeginHorizontal();
//绘制音频图标GUILayout.Label(EditorGUIUtility.IconContent("SceneViewAudio"), GUILayout.Width(20f));
//音频数据名称varnewName=EditorGUILayout.TextField(data.name, GUILayout.Width(120f));
if (newName!=data.name)
                {
Undo.RecordObject(database, "Data Name");
data.name=newName;
EditorUtility.SetDirty(database);
                }
//使用音频名称绘制Button按钮 点击后使用PingObject方法定位该音频资源ColorcolorCache=GUI.color;
GUI.color=currentIndex==i?Color.cyan : colorCache;
if (GUILayout.Button(data.clip!=null?data.clip.name : "Null"))
                {
currentIndex=i;
EditorGUIUtility.PingObject(data.clip);
                }
GUI.color=colorCache;
//若该音频正在播放 计算其播放进度 stringprogress=players.ContainsKey(data) ?ToTimeFormat(players[data].time) : "00:00";
GUI.color=newColor(GUI.color.r, GUI.color.g, GUI.color.b, players.ContainsKey(data) ? .9f : .5f);
//显示信息:播放进度 / 音频时长 (00:00 / 00:00)GUILayout.Label($"({progress} / {(data.clip != null ? ToTimeFormat(data.clip.length) : "00:00")})",
newGUIStyle(GUI.skin.label) { alignment=TextAnchor.LowerRight, fontSize=8, fontStyle=FontStyle.Italic }, GUILayout.Width(60f));
GUI.color=colorCache;
//播放按钮if (GUILayout.Button(EditorGUIUtility.IconContent("PlayButton"), GUILayout.Width(20f)))
                {
if (!players.ContainsKey(data))
                    {
//创建一个物体并添加AudioSource组件 varsource=EditorUtility.CreateGameObjectWithHideFlags("Audio Player", HideFlags.HideAndDontSave).AddComponent<AudioSource>();
source.clip=data.clip;
source.outputAudioMixerGroup=database.outputAudioMixerGroup;
source.Play();
players.Add(data, source);
                    }
                }
//停止播放按钮if (GUILayout.Button(EditorGUIUtility.IconContent("PauseButton"), GUILayout.Width(20f)))
                {
if (players.ContainsKey(data))
                    {
DestroyImmediate(players[data].gameObject);
players.Remove(data);
                    }
                }
//删除按钮 点击后删除该项音频数据if (GUILayout.Button(EditorGUIUtility.IconContent("Toolbar Minus"), GUILayout.Width(20f)))
                {
Undo.RecordObject(database, "Delete");
database.datasets.Remove(data);
if (players.ContainsKey(data))
                    {
DestroyImmediate(players[data].gameObject);
players.Remove(data);
                    }
EditorUtility.SetDirty(database);
Repaint();
                }
GUILayout.EndHorizontal();
            }
EditorGUILayout.Space();
//以下代码块中绘制了一个矩形区域,将AudioClip资产拖到该区域则添加一项音频数据GUILayout.BeginHorizontal();
            {
GUILayout.Label(GUIContent.none, GUILayout.ExpandWidth(true));
RectlastRect=GUILayoutUtility.GetLastRect();
vardropRect=newRect(lastRect.x+2f, lastRect.y-2f, 120f, 20f);
boolcontainsMouse=dropRect.Contains(Event.current.mousePosition);
if (containsMouse)
                {
switch (Event.current.type)
                    {
caseEventType.DragUpdated:
boolcontainsAudioClip=DragAndDrop.objectReferences.OfType<AudioClip>().Any();
DragAndDrop.visualMode=containsAudioClip?DragAndDropVisualMode.Copy : DragAndDropVisualMode.Rejected;
Event.current.Use();
Repaint();
break;
caseEventType.DragPerform:
IEnumerable<AudioClip>audioClips=DragAndDrop.objectReferences.OfType<AudioClip>();
foreach (varaudioClipinaudioClips)
                            {
if (database.datasets.Find(m=>m.clip==audioClip) ==null)
                                {
Undo.RecordObject(database, "Add");
database.datasets.Add(newAudioData() { name=audioClip.name, clip=audioClip });
EditorUtility.SetDirty(database);
                                }
                            }
Event.current.Use();
Repaint();
break;
                    }
                }
Colorcolor=GUI.color;
GUI.color=newColor(GUI.color.r, GUI.color.g, GUI.color.b, containsMouse? .9f : .5f);
GUI.Box(dropRect, "Drop AudioClips Here", newGUIStyle(GUI.skin.box) { fontSize=10 });
GUI.color=color;
            }
GUILayout.EndHorizontal();
        }
EditorGUILayout.EndFadeGroup();
serializedObject.ApplyModifiedProperties();
    }
//将秒数转换为00:00时间格式字符串privatestringToTimeFormat(floattime)
    {
intseconds= (int)time;
intminutes=seconds/60;
seconds%=60;
returnstring.Format("{0:D2}:{1:D2}", minutes, seconds);
    }
}

image.gif

目录
相关文章
|
11天前
|
图形学 开发者
Unity编辑器脚本(添加/删除)碰撞盒
这段代码提供了两个Unity编辑器工具,用于批量处理模型的碰撞盒。一是“一键添加所有碰撞盒”,通过选择模型的父物体,自动为其子物体添加`MeshCollider`。二是“一键清理所有Collider碰撞盒”,同样选择父物体后,递归删除子物体上的`BoxCollider`组件。两者均通过Unity的菜单项实现便捷操作,方便开发者快速调整场景中的物理属性。
|
3月前
|
前端开发
业余时间开发了个海报编辑器
为了满足撰写博客或录制教程视频时对高质量海报的需求,我利用业余时间开发了一款海报编辑器。第一版功能简单,支持固定尺寸、黑底白字的标题。后来经过优化,增加了背景图、模糊效果、文字样式调整等功能,使海报更具吸引力。目前该编辑器已上线,欢迎大家试用并反馈。[访问海报编辑器](https://tool.share888.top/#/poster)
104 6
业余时间开发了个海报编辑器
|
3月前
|
缓存 API 开发工具
有关Unity使用Rider编辑器无法弹出代码提示的有效解决方法
【11月更文挑战第13天】在 Unity 中使用 Rider 编辑器时,若遇到代码提示无法弹出的问题,可以通过检查 Rider 设置(如自动补全选项、Unity 插件安装、索引设置)、Unity 项目设置(如解决方案正确关联、脚本导入设置)以及环境和依赖关系(如 .NET SDK 版本兼容性、Unity 和 Rider 版本兼容性)等方面进行排查和解决。
475 5
|
4月前
|
运维 Java Linux
【运维基础知识】掌握VI编辑器:提升你的Java开发效率
本文详细介绍了VI编辑器的常用命令,包括模式切换、文本编辑、搜索替换及退出操作,帮助Java开发者提高在Linux环境下的编码效率。掌握这些命令,将使你在开发过程中更加得心应手。
54 2
|
4月前
|
Python
tkinter库的应用小示例:文本编辑器
tkinter库的应用小示例:文本编辑器
55 2
|
6月前
|
图形学 开发者 存储
超越基础教程:深度拆解Unity地形编辑器的每一个隐藏角落,让你的游戏世界既浩瀚无垠又细节满满——从新手到高手的全面技巧升级秘籍
【8月更文挑战第31天】Unity地形编辑器是游戏开发中的重要工具,可快速创建复杂多变的游戏环境。本文通过比较不同地形编辑技术,详细介绍如何利用其功能构建广阔且精细的游戏世界,并提供具体示例代码,展示从基础地形绘制到植被与纹理添加的全过程。通过学习这些技巧,开发者能显著提升游戏画面质量和玩家体验。
303 3
|
5月前
|
图形学 C++ C#
Unity插件开发全攻略:从零起步教你用C++扩展游戏功能,解锁Unity新玩法的详细步骤与实战技巧大公开
【8月更文挑战第31天】Unity 是一款功能强大的游戏开发引擎,支持多平台发布并拥有丰富的插件生态系统。本文介绍 Unity 插件开发基础,帮助读者从零开始编写自定义插件以扩展其功能。插件通常用 C++ 编写,通过 Mono C# 运行时调用,需在不同平台上编译。文中详细讲解了开发环境搭建、简单插件编写及在 Unity 中调用的方法,包括创建 C# 封装脚本和处理跨平台问题,助力开发者提升游戏开发效率。
533 0
|
5月前
|
图形学 iOS开发 Android开发
从Unity开发到移动平台制胜攻略:全面解析iOS与Android应用发布流程,助你轻松掌握跨平台发布技巧,打造爆款手游不是梦——性能优化、广告集成与内购设置全包含
【8月更文挑战第31天】本书详细介绍了如何在Unity中设置项目以适应移动设备,涵盖性能优化、集成广告及内购功能等关键步骤。通过具体示例和代码片段,指导读者完成iOS和Android应用的打包与发布,确保应用顺利上线并获得成功。无论是性能调整还是平台特定的操作,本书均提供了全面的解决方案。
201 0
|
7月前
|
开发工具
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
|
8月前
|
开发工具
Vim 编辑器:高效文本编辑的瑞士军刀
**Vim 概览:** Vim 是一个功能丰富的文本编辑器,以其高度可定制性著称。文章介绍了 Vim 的高效使用技巧,包括快捷打开文件、命令行模式下的常用命令、查找与替换、删除和复制文本。还讨论了配置 `.vimrc` 文件以自定义设置,如改变 leader 键、设置缩进和高亮,并展示了安装插件如 vim-airline 和 vim-snazzy 的方法。通过这些技巧,用户能提升 Vim 使用效率。
94 5

热门文章

最新文章