【编辑器扩展】实现自定义脚本Inspector面板显示

19 篇文章 0 订阅
11 篇文章 0 订阅

有些时候我们会需要一些奇怪的需求,来让我自定义自己的Inspector面板,下面我们来做一个基本的自定义面板的测试demo

首先新建一个InspectorTest.cs脚本,我们在里面定义几个测试属性

public float float_Test;
public int int_Test;
public bool bool_Test;
public Color color_Test;

我们将InspectorTest脚本挂载到一个GameObject上,我们查看一下当前unity默认的Inspector面板上的属性序列化出来的样子:
在这里插入图片描述
接下来就是我们自定义自己的面板序列化样式了:
先新建一个InspectorTestEditor.cs脚本,将这个脚本放置在Editor文件夹下。
打开脚本,导入UnityEditor的命名空间:

using UnityEditor;
让InspectorTestEditor类继承Editor类:
public class InspectorTestEditor : Editor{}

在定义类的头上加上一个标签:

[CustomEditor(typeof(InspectorTest))]
public class InspectorTestEditor : Editor{}

重写一下OnInspectorGUI方法:

public override void OnInspectorGUI(){}

我们先在方法里面什么都不写,看一下现在InspectorTest脚本的Inspector面板序列化样子:
在这里插入图片描述

现在里面什么都没有,这是因为我们重写了面板的渲染方法,而我们重写了方法之后里面什么都没有写,当然什么都不现实了,
我们先恢复成之前unity原本的序列化样式,有两种方式:
1.在OninspectorGUI方法里面调用父类这个方法:

base.OnInspectorGUI();

2.在OninspectorGUI方法里面调用渲染默认Inspector面板的方法:

DrawDefaultInspector();

两种方法我们用其中一种就行了,我们看一下现在的面板显示:
在这里插入图片描述

成功恢复成之前的了,接下来我们不用默认的方法和父类方法实现,来自己实现一下:

 InspectorTest inspectorTest = target as InspectorTest;    
 inspectorTest.float_Test = EditorGUILayout.FloatField("Float测试", inspectorTest.float_Test);
 inspectorTest.int_Test = EditorGUILayout.IntField("Int测试", inspectorTest.int_Test);
 inspectorTest.bool_Test = EditorGUILayout.Toggle("BoolTest", inspectorTest.bool_Test);
 inspectorTest.color_Test = EditorGUILayout.ColorField("颜色测试", inspectorTest.color_Test);

然后我们现在再来看一下inspector面板里面的样式:
在这里插入图片描述

显示完全是按照我们自己定义的名字来显示的,
除了上述的这种自定义序列化方式外,还有一种渲染方式,我们这里演示一下,多渲染一个Float_Test属性:

   if (float_Test != null)
            {
                serializedObject.Update();
                EditorGUILayout.PropertyField(float_Test, new GUIContent("Float测试"));
                serializedObject.ApplyModifiedProperties();
            }

我们看一下现在的渲染面板的样式,应该在颜色测试下面又多处一个Float测试的属性,并且我们更改第一个或者最后一个两个值都会同步更改一模一样:
在这里插入图片描述
我们还可以在下面加一个按钮 点一下让BoolTest属性变为true,再点一下变为false这样点一下就变一下的小功能:

if (GUILayout.Button("点击"))
        {
            inspectorTest.bool_Test = !inspectorTest.bool_Test;          
        }

然后我们看一下现在的面板样式:
在这里插入图片描述
然后我们点击 “点击”按钮就可以看到BoolTest的属性上的对号出现和消失变换的一个现象。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值