Unity Editor 编辑器自定义窗口组件的使用

妖狐艹你老母 2022-12-10 05:58 275阅读 0赞

终极目标

利用学到的东西制作自己的工具（自定义的窗口、Inspector、菜单、插件等等）。

最终效果

**![cf38259f3fd3843f0c652aaad99f29f7.png][]**

本系列其他文章

Unity Editor 基础篇（一）：Build-In Attribute

Unity Editor 基础篇（二）：自定义 Inspecotr 面板

Unity Editor 基础篇（三）：Editor Window

准备工作

在之前的项目中，找到 Editor 文件夹，然后创建一个新的 C\# 脚本，命名为“MyFirstWindow”，然后双击打开脚本，添加如下代码：

![511d01d5ad789dcfcde5ac8fd5a8ff76.png][]

![44bcb7fd62e88681f4732ecfcc59ad0b.png][]

![dcac6cfd58332602d34cfdd58ad1574c.png][]

![c6e72ba32e66da10b03894652962dff9.png][]

常用的自定义窗口属性

![7b9f0c78bbedcc4816483409b44985c8.png][]

传送门：http://www.ceeger.com/Script/EditorWindow/EditorWindow.html

![32b991673f66be879dadc80c2ef18fca.png][]

![7d84668067477a92266e325a77e66cf1.png][]

传送门：http://www.ceeger.com/Script/GUILayout/GUILayout.html

以上是我们这个案例中主要用到的几个类。

代码分析

**属性**

![20200924103637910.gif][]

首先声明了三个变量：

1.bugReporterName 用于储存记录Bug人的名字

2.description 用于描述Bug信息

3.buggyGameObject 用于储存 Bug 对象

**设置窗口的名字**

![20200924103637910.gif][]

如代码注释所示，利用构造函数来设置窗口的名字。比较陌生的是 titleContent属性 和 GUIContent 类，简单了解如下图所示：

![20200924103637914.gif][]

GUIContent 界面内容类

![50b7eb0066014d03743e844aed180825.png][]

titleContent 属性

这个构造函数所产生的作用如下图所示：

![f2e0b8dbef7cf15be560586a1a1d68a2.png][]

设置窗口的名字

**添加菜单栏选项 - 打开窗口**

![f1638d9ac996c2f39024fbf532da1be4.png][]

这个函数用于在菜单栏上添加一个打开该窗口的的菜单选项。比较陌生的是 \[MenuItem()\] 属性 和 GetWindow（）函数，简单了解如下图所示：

![78a64aa644edb95aff510d69fa6336de.png][]  
\[MenuItem()\] 属性需要注意的两点（上图也有提示）：

1.必须是放在 Assets / Editor 文件夹下的类，且使用了 using UnityEditor

2.调用的函数必须是静态函数（static）

![20200924103637926.gif][]

该函数就是用于返回一个窗口对象（就是打开一个窗口）。

**绘制窗口**

**    **绘制窗口元素需要在 OnGUI() 函数里面设计，接下来我们一一分解。

![20200924103637913.gif][]

步骤：

1.GUILayout.Space(10)，这个有说过，让两个元素之间空十个像素之间的距离

2.GUI.skin.label.fontSize 、GUI.skin.label.alignment 用于设置标题的字体大小和对齐格式，具体从下图中了解：

![20200924103637910.gif][]

对于 GUI.skin API 里面没有列出一些关于皮肤的属性，但是大伙们可以通过在Assets 菜单下右键 Create => GUI skin，如下图所示：

![20200924103637926.gif][]

想对应的属性全在里面，克森就不一一讲解了。

3.利用 GUILayout.Label() 来绘制标题

整个代码的效果如下图所示：

![20200924103637927.gif][]

**绘制文本**

![20200924103637910.gif][]

好吧，似曾相识，在上一章中有讲过，因此不在赘述，效果如下所示：

![0ad38e8738e5dacb4cebb32f46e587fa.png][]

**显示当前正在编辑的场景**

**![37af4b46ac30386e4aa7bb2c604dd312.png][]**

在这段代码中，比较陌生的也就是 EditorSceneManager.GetActiveScen().name，我们先看下图进行简单的了解：

![ae724ab09af510b080981edb216f3d65.png][]

其实就是返回当前编辑的场景信息（也就是返回 Scene 类型参数），然后利用 name 属性获取场景的名字，效果如下：

![669c73be5859af2f205338915ab463a9.png][]

**显示当前时间**

![20200924103637911.gif][]

这段代码主要就是利用 System.DateTime.Now 获取当前时间，然后通过 GUILayout.Label（） 把当前时间显示出来，对于 System.DateTime.Now 可从下面链接去了解：

https://msdn.microsoft.com/zh-cn/library/system.datetime.now(v=vs.110).aspx

效果图如下：

![20200924103637927.gif][]

**绘制对象槽**

![20200924103637925.gif][]

我们先看看API：

![20200924103637912.gif][]

从上图可知：

1.第一个参数用于设置卡槽的标题名字

2.第二个参数用于设置字段显示的物体

3.第三个参数用于设置显示的类型

4.第四个参数用于设置是否允许指定场景中的物件

效果如下：

![1fe80b36643ee41a30e8eece18a565cc.png][]

**绘制描述文本区域**

**![50bccf4f2529c7713db98e3fd41e3820.png][]**

好的，这段代码我们也介绍过了，直接上效果图：

![580dab4bf2a3c4cc2276796709847dfa.png][]

**绘制按钮**

![20200924103637915.gif][]

![20200924103637931.gif][]

克森错了，这个应该在上一章就给大伙们介绍的，不过也没关系，那就再这一章中给大火介绍介绍呗，首先还是先看看 API 的介绍：

![20200924103637927.gif][]

其实很简单，不外乎就是添加一个按钮呗。在我们的代码中，用了一个 if 判断语句来判断，当我们点击该按钮时所触发的事件（该函数的返回值是一个 bolol 类型），在代码中克森也上好备注了，因此也没有什么难的，直接上效果图：

![725c7d7038737fe58efba625262ed174.png][]

**SaveBug（） 函数**

**![692f7601fb581732541f756d8a9e58d3.png][]**

其实这个函数所做的事情也很简单，就是把我们设置好的一些参数保存到一个文本文件（.txt文件）上，仅此而已。

步骤如下：

1.第一行，利用 Directory 类创建一个目录

2.创建一个写入流类（StreamWriter）

3.然后把设置好的各个参数写入文件中

还不了解 C\# 文件操作的朋友，是时候返回去补补了，API 链接如下：

https://msdn.microsoft.com/zh-cn/library/system.io.directory(v=vs.110).aspx

https://msdn.microsoft.com/zh-cn/library/system.io.streamwriter(v=vs.110).aspx

具体操作如下所示：

![420ee14d7992a6f4cd342fc8f5aca394.png][]

然后你便能在 Assets 文件夹看到如下图所示信息：

![7f4ac81e89b405304581c59564fcf9a1.png][]

**SaveBugWithScreenshot（） 函数**

**![73997662fb868888d52fe7464768ab45.png][]**

其实这个函数所做的事情跟上面那个函数做的事情一样一样的，不外乎就对了一行代码，而这行代码便是获得游戏屏幕截图，仅此而已，通过下面 API 去了解：

![99666e8c0624552dc1331bc4567a942f.png][]

具体操作和上面一样一样的，只不过多了一样图片，仅此而已，如下图所示：

![b1aa9bae19215d2ab11941424d875b7d.png][]

克森只是简单的介绍了一下，看完之后还得靠大伙们下点功夫从克森介绍的那些 API 中去研究研究，一个属性，一个属性的去试，去了解它，然后做出一个属于自己的插件！！

引用： [https://mp.weixin.qq.com/s/tMSAIND4Pq0farn2jY8rwg][https_mp.weixin.qq.com_s_tMSAIND4Pq0farn2jY8rwg]

[cf38259f3fd3843f0c652aaad99f29f7.png]: /images/20221123/7d9c2be705ee4707ae3c51f54fe0037b.png
[511d01d5ad789dcfcde5ac8fd5a8ff76.png]: /images/20221123/1ebad89c39404bbf82759c792f49af37.png
[44bcb7fd62e88681f4732ecfcc59ad0b.png]: /images/20221123/bbca511c02824ca88aedd4b58ef2b8d9.png
[dcac6cfd58332602d34cfdd58ad1574c.png]: /images/20221123/7d9b8288d22a49fdba7145fd90e80026.png
[c6e72ba32e66da10b03894652962dff9.png]: /images/20221123/6ff3814398fb47bfa9f2c5d3cb933057.png
[7b9f0c78bbedcc4816483409b44985c8.png]: /images/20221123/b595828413fc40a0abceb391304cee59.png
[32b991673f66be879dadc80c2ef18fca.png]: /images/20221123/5d23dffb63a04370b5ab6c4874576c17.png
[7d84668067477a92266e325a77e66cf1.png]: /images/20221123/7e3127ec80444e4fa31043f588daaf2e.png
[20200924103637910.gif]: /images/20221123/d010d857beb040b58accca7819dae2dc.png
[20200924103637914.gif]: /images/20221123/ab99f1a2844d4e7bbbe172564c0b4fad.png
[50b7eb0066014d03743e844aed180825.png]: /images/20221123/4f86c641806a4db0a79a9104844346c7.png
[f2e0b8dbef7cf15be560586a1a1d68a2.png]: /images/20221123/2955419ce31f4a148c93fffd934a1577.png
[f1638d9ac996c2f39024fbf532da1be4.png]: /images/20221123/05ca75a3a17f421cb6928c2aefc90fb9.png
[78a64aa644edb95aff510d69fa6336de.png]: /images/20221123/dd65af3738d743cd812f531559ab5dc2.png
[20200924103637926.gif]: /images/20221123/287454fb9cfe41f59b668765914dafd7.png
[20200924103637913.gif]: /images/20221123/8277a50cc5e545fd8e818b37a076a6ac.png
[20200924103637927.gif]: /images/20221123/bdb8e7a2b48c4a91b51d0622af233b25.png
[0ad38e8738e5dacb4cebb32f46e587fa.png]: /images/20221123/e1bfd272f1214dfdb401c8719ead04a3.png
[37af4b46ac30386e4aa7bb2c604dd312.png]: /images/20221123/05eb89a8d22640ed97cf5e8186a4e9c5.png
[ae724ab09af510b080981edb216f3d65.png]: /images/20221123/541c61595c2a4598bfdf7425562ecfca.png
[669c73be5859af2f205338915ab463a9.png]: /images/20221123/fa67def495d6425e94beb4746ae21eb1.png
[20200924103637911.gif]: /images/20221123/7ab4d102864e446889d5534c3df88525.png
[20200924103637925.gif]: /images/20221123/d028987165bf4a6dac72743ba6b9045c.png
[20200924103637912.gif]: /images/20221123/aa4408962f3740b5944708ed6af16614.png
[1fe80b36643ee41a30e8eece18a565cc.png]: /images/20221123/29091aa4f89241fd9e334da8cf1114ea.png
[50bccf4f2529c7713db98e3fd41e3820.png]: /images/20221123/57ae8dec5a1b48dea85f1ad2b8a33dbd.png
[580dab4bf2a3c4cc2276796709847dfa.png]: /images/20221123/52933d7115d34d24a6b17928870c24a5.png
[20200924103637915.gif]: /images/20221123/c8d4b827348a4207b8add15e663bf0b8.png
[20200924103637931.gif]: /images/20221123/1558668219054edf9ac6c5b247e6b94b.png
[725c7d7038737fe58efba625262ed174.png]: /images/20221123/04c9cab152a8451ea186f8afeb180f65.png
[692f7601fb581732541f756d8a9e58d3.png]: /images/20221123/e48ae45a27fe4fbe8d238a4a0376954b.png
[420ee14d7992a6f4cd342fc8f5aca394.png]: /images/20221123/3e5d370b88f544c0af81a05e16bf3135.png
[7f4ac81e89b405304581c59564fcf9a1.png]: /images/20221123/3a90d81ef3fd4faa80719bd3c37e3457.png
[73997662fb868888d52fe7464768ab45.png]: /images/20221123/1ede78e325e14a23b1d4d75df591c07b.png
[99666e8c0624552dc1331bc4567a942f.png]: /images/20221123/a11a744351f24668bb26982d10d5e1c8.png
[b1aa9bae19215d2ab11941424d875b7d.png]: /images/20221123/c1ca5f0a8dee4bb3a7ff4f634c523118.png
[https_mp.weixin.qq.com_s_tMSAIND4Pq0farn2jY8rwg]: https://mp.weixin.qq.com/s/tMSAIND4Pq0farn2jY8rwg