Unity UI Elements - The Basics
Unity UI Elements are a "new" way of creating UI both for your Editor and for your Game. They are part of the UI Toolkit System Unity is currently developing. In this video we're gonna learn about the basics of UI Elements, learning about what they are, allowing you to better understand how to use them. This video does not talk about UXML. ________________________________________________________ Timestamps: 00:00 Introduction 00:10 Topics 00:46 The base of UI Elements 02:09 Creating the Project 02:43 Creating the Files 03:51 UI Elements Namespaces 04:29 Creating our First Visual Element 05:35 Adding our Visual Element to the Editor Window 07:38 Adding a Label to our Visual Element using the Add method 08:26 Adding a Label to our Visual Element using the Insert method 09:44 Drawing Order 10:17 Visual Element Containers 11:15 Summary 12:01 Creating the Base UI for the Style Sheets Video 14:48 Outro ________________________________________________________ Useful links: UI Systems: https://docs.unity3d.com/Manual/UIToolkits.html Differences between the UI Systems: https://docs.unity3d.com/Manual/UI-system-compare.html Overview of the UI Toolkit: https://docs.unity3d.com/Manual/UIElements.html UXML: https://docs.unity3d.com/Manual/UIE-UXML.html Editor Window: https://docs.unity3d.com/ScriptReference/EditorWindow.html UnityEngine.UIElements Namespace: https://docs.unity3d.com/Packages/[email protected]/api/UnityEngine.UIElements.html UnityEditor.UIElements Namespace: https://docs.unity3d.com/Packages/[email protected]/api/UnityEditor.UIElements.html Visual Element Base Class: https://docs.unity3d.com/ScriptReference/UIElements.VisualElement.html Editor Folder Tutorial: https://youtu.be/1O1nmZzA_EU Style Sheets Tutorial: https://youtu.be/c3sSyoiekz4 Final Code: https://pastebin.com/ukbCrFnM ________________________________________________________ ● Subscribe: https://www.youtube.com/channel/UCeeZW9pXSyDqLLu7t5xX7ug?sub_confirmation=1 ● Follow me on Twitter: https://twitter.com/IndieWafflus ________________________________________________________
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.