Unity 3D - Create a Reusable UI System

Create a UI System in Unity that is completely Re-usable using C#

Created byIndie - Pixel

Last updated 7/2018

English

What you'll learn

You will learn how to build a reusable UI System in C# and Unity 2017
You will understand how to create reusable animations with Mechanim
Understand why and how to set up a good UI grouping structure

Course content

4 sections • 12 lectures • 1h 58m total length

Introduction5:04
Welcome to the Reusable UI System for Unity 2017 course! Lets take a look at what we are going to build through out this course and talk about the core concepts we are going to learn. You might be thinking why would I ever need a Reusable UI system. Well the short answer is because it will save you a bunch of time in your future Unity projects. Its not only a huge time saver but also begins to create consistency between all your Unity projects so you can easily go back to an older project without having to re-write everything.
About the Instructor6:42
Before we dive into the code and into Unity I wanted to introduce myself and talk about my industry experience, just so we get to know each other!

Stub in the UI Structure - Part 117:51
In Lecture 3 we are going to get our Login Screen Created. In order for us to develop a UI System, we need some UI created for us to test with. So we will walk through the process of creating our first screen!
Stub in the UI Structure - Part 28:56
In Lecture 4 we are going to finish our UI Screens by building the
register screen. This will complete the needed UI elements to test our
UI System with.

Stub in the Scripts - Part 16:28
Now that we have some screens to test with lets get our code design created, by stubbing in our scripts. We are going to talk about the how and why were are setting up the scripts this way and get things ready to go for the meat of the script logic.
Logic for the UI System14:58
In Lecture 6 we are going to walk through the logic of the UI System code. We will get the code in place and ready to begin coding the UI screen class.
Logic for the UI Screen9:57
With the UI system code in place, lets get the UI Screen class coded up! This will complete the base classes we will need in order for our UI System to work!
Logic for the Fader7:48
Ok, now that we have the UI System script and the UI Screen script in place lets take a second and set up an automatic Fader component. This will allow the UI System to fade in and out when needed without having to add special animation or custom code per unity project. By the end we will have a fully automated Fader for our UI System!

Setting up Screen Animations14:16
So! Now that we have the core components of our UI System in place, lets learn about how we can create reusable animation for our UI Screens. This lecture will walk you through the process of setting up a base Animator Controller to be used with Animator Override Controllers in the future.
Hooking up Screen Switching9:38
With all of our core pieces in place, lets hook up the Screen switching and watch the magic of our UI System take place! You will soon discover how powerful this system can be for all of your Unity projects, no matter which platform you are developing for!
Adding a New Screen Type8:12
In lecture 11 we are going to test out our system by extending the UI Screen script and creating a new type of screen with completely new functionality, without having to re-code the whole system! This proves the power you have by creating a Reusable UI System.
Bonus Video: Creating a Menu Setup8:37
To close out this free course, we are going to take a look at how we can create a Menu Item to automate the creation of new UI Systems! This is just an introduction into the amount of things you can automate with Unity's Menu Item functionality!

Requirements

You should be comfirtable creating Unity UI Elements
You must have some experience with Unity and Unity C#
A desire to look at ways in which to make your code more reusable

Description

Have you had some experience with setting UI's inside of Unity? Would you like to know how to make a set of scripts that you can re-use between each project? Then this course is for you!

Throughout each of the lectures we focus on how we can build a re-usable UI System. One in which you can extend and modify to your project needs.

We will walk through step by step and build up the components to make a fully modular UI system for Unity 2017! By the end you will have a basic re-usable UI system to use for any unity project. Plus you get full source code from the course.

Best thing is, its free!

Who this course is for:

A beginner Unity Programmer looking to make their code more reusable
Anyone who needs a Modular UI system to build UI's for games in Unity
A unity User wanting to know more about efficient UI development practices

Unity 3D - Create a Reusable UI System

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 12min

Stub in the UI Structure2 lectures • 27min

Stub in the UI System Scripts4 lectures • 39min

Completing the UI System4 lectures • 41min

Requirements

Description

Who this course is for: