How can I recreate the Array Inspector element for a custom Inspector GUI?

Question

I've been running into troubles doing this and could use some extra thoughts. Here is the code I have so far.

I have an array stored in a script component named Enemy. I access this script component, and display it in my custom Inspector, but I always receive errors that not all elements are initialized.

Essentially, I am getting hung up on the idea of how this works: alt text

How can I get None (Transform) to appear in my Inspector instead of an error?

private bool collapsed; private int arraySize; private Enemy e;

public override void OnInspectorGUI()
{
    EditorGUIUtility.LookLikeControls();

 e = target as Enemy;

 collapsed = EditorGUILayout.Foldout(collapsed, "Array");
 if (collapsed)
 {
     Rect r = EditorGUILayout.BeginVertical();

     arraySize = EditorGUILayout.IntField

     if (e.array.Length &gt; 0)
     {
         Transform[] temp = new Transform[arraySize];

         e.array.CopyTo(temp, 0);

         e.array = new Transform[arraySize];

         temp.CopyTo(e.array, 0);
     }
     else
         e.array = new Transform[arraySize];

     for (int i = 0; i &lt; arraySize; i++)
     {
         Transform t = e.array[i];
         t = EditorGUILayout.ObjectField(t.name, t, typeof(Transform)) as Transform;
     }

     EditorGUILayout.EndVertical();
 }

Answer 1

Best Answer

Answer by Darclaw · Jul 15, 2013 at 03:31 PM

If anyone interested, here's another example for array in custom editor: Base class:

    public class RoomItem : MonoBehaviour {
         public Transform[] targetPoints;
     // other data
     }

Custom editor:

 [CustomEditor(typeof(RoomItem))]
 public class RoomItemEditor : Editor {
     public override void OnInspectorGUI() {
         serializedObject.Update();
         var controller = target as RoomItem;
         EditorGUIUtility.LookLikeInspector();
         SerializedProperty tps = serializedObject.FindProperty ("targetPoints");
         EditorGUI.BeginChangeCheck();
         EditorGUILayout.PropertyField(tps, true);
         if(EditorGUI.EndChangeCheck())
             serializedObject.ApplyModifiedProperties();
         EditorGUIUtility.LookLikeControls();
     // ...
     }
 }

Add comment · Show 7 · Share

rocket5tim · Jul 27, 2013 at 03:40 AM 0

Share

That's exactly what I was looking for. Thanks!

justinl · Aug 12, 2013 at 11:36 PM 1

Share

Thank you! This was perfect and I thought much cleaner than the other solutions.

softrare · Dec 11, 2013 at 10:17 PM 0

Share

Perfect! +1

dmcclurg · Jun 20, 2014 at 07:58 PM 2

Share

Note that if you want an array of some class (not Transform), you'll need to mark it as Serializable.

    public class RoomItem : $$anonymous$$onoBehaviour {
 
         [System.Serializable]
         public class $$anonymous$$yClass {
             public Transform transform;
             public AnimationClip animClip;
         }
     
         public $$anonymous$$yClass[] targetPoints;
     }

zee_ola05 · Dec 14, 2017 at 11:08 PM 1

Share

EditorGUIUtility.LookLikeInspector(); EditorGUIUtility.LookLikeControls();

are now obsolete. What's the alternative?

Show more comments

Answer 2

Answer by booferei · Jan 10, 2018 at 02:51 PM

If you want to mimic the default Array display, try this:

 SerializedProperty arrayProp = serializedObject.FindProperty("array");
 
 arrayProp.isExpanded = EditorGUILayout.Foldout(arrayProp.isExpanded, "Array");
 if (arrayProp.isExpanded) {
     arrayProp.arraySize = EditorGUILayout.IntField("Size", arrayProp.arraySize);
 
     for (int i = 0; i < arrayProp.arraySize; ++i) {
         SerializedProperty transformProp = arrayProp.GetArrayElementAtIndex(i);
         EditorGUILayout.PropertyField(transformProp, new GUIContent("Element " + i));
     }
 }

Add comment · Show 1 · Share

Tralafgar-Law · Feb 13, 2019 at 12:16 PM 0

Share

Thanks a lot, it confused me for a long time.

Answer 3

Answer by steinbitglis · Feb 24, 2012 at 01:53 PM

This is roughly what DrawDefaultInspector() does:

 override def OnInspectorGUI():
     serializedObject.Update()

     EditorGUIUtility.LookLikeInspector()

     myIterator = serializedObject.FindProperty("myArrayField")
     while true:
         myRect = GUILayoutUtility.GetRect(0f, 16f);
         showChildren = EditorGUI.PropertyField(myRect, myIterator)
         break unless myIterator.NextVisible(showChildren)

     serializedObject.ApplyModifiedProperties()

It works like it should with bold font on prefab overrides etc. It also handles undo operations, 'delete' operations and 'shift+delete' operations as expected. It works with all the kinds of arrays that Unity originally supports. It also looks like the original.

Remember to call EditorGUIUtility.LookLikeControls() after drawing the array.

Add comment · Show 1 · Share

mepine · Dec 20, 2012 at 07:23 AM 0

Share

Thanks man! Almost the same as the default inspector! You saved my day. Now I need to figure out what each method does...

Answer 4

For anyone else who is searching for the solution to this, here is working code in Javascript. It doesn't look the same as the built-in array controls, but it works fine.

 // MyObject.js
 public var ElementsExpand : boolean = true;
 public var ElementsSize : int = 1;
 public var Elements : Transform[] = new Transform[ElementsSize];
 
 
 // MyObjectEditor.js - OnInspectorGUI()
 target.ElementsExpand = EditorGUILayout.Foldout(target.ElementsExpand, "Transforms");
 if(target.ElementsExpand) {
     var x : int = 0;
     target.ElementsSize = EditorGUILayout.IntField("Size", target.ElementsSize);
     if(target.Elements.length != target.ElementsSize) {
         var newArray : Transform[] = new Transform[target.ElementsSize];
         for(x = 0; x &lt; target.ElementsSize; x++) {
             if(target.Elements.length &gt; x) {
                 newArray[x] = target.Elements[x];
             }
         }
         target.Elements = newArray;
     }
     for(x = 0; x &lt; target.Elements.length; x++) {
         target.Elements[x] = EditorGUILayout.ObjectField("Element "+x, target.Elements[x], typeof(Transform));
     }
 }

Answer 5

Answer by zee_ola05 · Dec 14, 2017 at 11:16 PM

 SerializedProperty property = serializedObject.FindProperty("myArray");
 EditorGUILayout.PropertyField(property, new GUIContent("My Array"), true);

Since, EditorGUIUtility.LookLikeInspector() and EditorGUIUtility.LookLikeControls() are now obsolete, here is an alternative.

Add comment · Show 1 · Share

ptracy · Dec 06, 2020 at 05:47 PM 0

Share

Best answer! This is super clean and effective. It also allows us to customize the string value as well, thank you! This should be the best answer I$$anonymous$$HO.

How can I recreate the Array Inspector element for a custom Inspector GUI?

7 Replies

Your answer

Follow this Question

Related Questions