Ditch IMGUI And Unlock The Power Of Unity UI Toolkit In 2024 !

hey everyone welcome back in this video we will explore unity's new UI toolkit and trust me it's awesome for making custom inspectors or editors so before this Unity used IMG to create user interfaces directly with code but why did Unity switch from the old system you might wonder well it's simple the old system got messy quickly when dealing with complex UI and there were no styling options now let's take a closer look at unity's new UI toolkit and why it's considered a game changer think of it as embracing the principles of modern web development in the web world when creating interactive and Visually appealing websites developers use three key components HTML CSS and JavaScript HTML serves as the foundation defining the structure of a web page it outlines um where different elements like text images and buttons are placed if a CSS or cascading stylesheets takes care of the styling determining how these elements look colors fonts spacing and more and finally JavaScript adds functionality enabling Dynamic features like responding to button clicks or updating content without refreshing the entire page now unity's new UI toolkit operates on a similar concept we have uxl which takes the role of HTM defining the structure of your user interface USS is like CSS allows you to apply Styles ensuring your UI looks polished and matches Your Design Vision instead of JavaScript C is use to bring functionality to your UI elets here's the best part while this may sound a bit technical you don't need to be a guru in uxl or USS to make the most of it unity's UI tool toolkit is designed to be userfriendly making it accessible even if you're not an expert in these Technologies this means you can dime in to create in your custom inspector or editor without feeling overwhelmed pretty cool huh this simplifies the process making it easy for developers to craft user interfaces within Unity regardless of their previous experience with UI technology the unity UI toolkit has two main types editor and runtime you can make custom inspectors or editor Windows using the editor method and ingame UI using run time now let's open unity and check out an example of a custom inspector here I have a game object with a test script assign here are two fields we want to show in the inspector a string and a Sprint however when we assign an image to the object it doesn't display in the inspector making it hard to know which image is assign now let's create a custom inspector for that first I designed how the UI should look it's all drag and drop you'll find various objects like labels and buttons that you can use to create your desired style after creating the layout I connect it with the editor script it's straightforward you can refer to unity's documentation for guidance and there you go we have our custom inspector that's all for today's video I hope you gain something from it and I'll catch you in the next one

Channel: DebugDevin

Views: 508

Keywords:

Id: SGSkGbEDxn4

Length: 3min 35sec (215 seconds)

Published: Mon Jan 15 2024