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

Create Unity Custom Editor - Basics (Part 1)

In this basic lessons we will be going to create our own custom inspectors inside unity. Before we dive in lets get to know what custom inspectors are A custom inspector is basically an overridden inspector window which can help artist and designers to interact with the inspector in a more user friendly manner. It also helps to create a neat looking inspector for your scripts attached to gameobjects. So lets get started with the initial project setup Steps to follow: 1) Start a fresh project 2) Create a folder name Scripts This will hold all the scripts(typically monobehaviour) which will be attached to a gameobject in the scene. 3) Create a folder name Editor ( Note : it should be the exact same name ) This will hold all the Editor scripts and Unity will automatically detect weather or not the project contains any editor scripts for component scripts. With this done we have the basic fundamental structu...

Create Unity Custom Editor - Basics (Part 4)

In the last lesson we linked our custom editor script with our test script. In this lesson we are going to create some custom GUI elements. So lets get started with that 1) Jump to the Editor Script and comment out the DrawDefaultInspector() so that we can start adding our own custom elements Lets get started with introducing some GUI elements that we can create inside the inspector The most basic one is a label 2) We will be using EditorGUILayout class to show our label inside the inspector. This class has got tons of other types of functions which you can use Goto this link and checkout the other functions available inside the EditorGUILayout class. I would recommend to spend sometime on those functions provided and try to implement all of those so that you can get an idea of how you can use different GUI elements to represent custom inspectors. 3) Now when we go back to unity we will see a label showing inside our inspector. Now this concludes that ...

Nishant Sood Blog

Search This Blog