Skip to main content

Create Unity Custom Editor - Basics (Part 5)

In this lesson we will create some layout for our custom inspector to have a better control on the layout of our inspector window

We will start with EdiorGUILayout Class

In our code write


After clicking save when we go back to unity we will see all our GUI elements in a single horizontal line.




This is not what we want. So to fix this we add our GUI elements inside BeginVertical and EndVertical Layout.

Now our Code will look like this

Clicking on save we will notice our layout gets change back to vertical and all the GUI elements get stacked on top of each other

One more feature that these layout allow us is adjusting the space between GUI elements

In our code we will add

In the horizontal layout we add GUILayout.Space(10) to add 10px space on both ends of the horizontal layout

Now we can go further and add space between our GUI elements by adding GUILayout.Space(10) between our GUI elements

In our code we will add


Since we are in a Vertical Container so this will affect in a vertical fashion.Click save and check in the inspector window






Now you will see a space of 10 px between the GUI elements.

This concludes our current lesson. Now in the next lesson we will learn about GUIContent which allow us to create our custom labels for all our GUI elements.

Comments

Popular posts from this blog

Create Unity Custom Editor - Basics (Part 6)

In this lesson we will add some GUI content to our custom inspector which will help us to add either Image Icon Text Tooltip to our GUI elements. So lets start by adding a sample icon to our GUI elements. I'll be using this image as a sample You can use any image that you would like to based on your needs. We need to import this image inside Unity. Create a folder named Resources inside the Editor Folder and then import the image inside this folder like this Now select the image and set the texture property to GUI as we will be using this image for our GUI elements. Now in our Code add the following lines We create a Texture2D object to hold our GUI texture that we just imported. We create a GUIContent object that will help us to add text,icon and tooltip field to our GUI elements. In OnInspectorGUI() method we will load our texture from our resources folder. Next we add the image,text and tooltip to our GUIContent object ...