Unity UIToolkit tutorial & how I made UI for my game | UIElements

In this video I briefly go over how the Unity game engine UIToolkit works, dealing with UXML and USS, and then I go through how I implemented the summoning menu for my indie auto-chess game using UIToolkit (previously named UIElements)

🦑 Where am I?

If you liked this, you can support me by watching more of my videos, hanging out with me on Twitch, or buying me a kofi coffee at the link above!

[brainshack]

For the text color issue. In the UI Builder top right where it says "Active Editor Theme" you can switch to the runtime theme which has the correct styles for the runtime.

[liamgryphon]

Wow, thank you for the insightful commentary on the history of Unity's ui systems! This is a very useful resource that I will be sharing with my team.

[adrienmartin]

So much useful informations ! I used toolkit since few months but I never did CSS before and it's hard to find good tutorial but yours is really good !

[ytubeanon]

22:40 was editing the scrollbar through the debug inspector enough for the game to keep the styling or did you have to copy the style values back into UIToolkit?

[chinesepetants]

Can you make a video to show me how to use all kind of elements in UI toolkit like scroll bar and fold out? Include display the elements and the data loaded and saved on the layout.

[os]

Hello! This is a fantastic video and I love the style you have for your game- I was curious what the `outsideClickPanel` element you used was and what its purpose is. I was also wondering how you got the game scene to show in the background when in the UI editor, and how do you go about positioning the UI within the game scene itself (while account for clicking on and outside of the UI). Thanks for this amazing video and for any help you can spare!

[JayadevHaddadi]

This is excellent stuff Savallion!
I love it!
Keep it up:)

[morneerasmus]

Wonderful video, thanks! Keen to know if your scrollviews also had infinite scrolling applied?

[lemonlimebitta]

Great tutorial, im not coming from a HTML/CSS background so im learning this from scratch and your tute helped. I have a question - I have an inventory of 32 slots and im trying to register a pointerDown callback. Is there a cleaner way rather than registering 32 different events to the corresponding slot on the inventory. I'd like to have a generic pointerdown event that can see what element it is interacting with at runtime? cheers

[bluzenkk]

I just saw your channel today~~ just subscribed~ gd job~~
I tried UI took kit 4 months ago...
good for you if this work for you.
I dont like UI toolkit, its not intuitive. So I switch to Doozy ui ...
they made it so complicated and changes things over time.During the time i was using it, there wasn't alot of good tutorial and i dont want to read their doc, and alot of those tutorials are outdated which will lead to stuck at some point ...
I particularly dislike the way they make the animation....
the layout approach is cool though. but then.... i would rather use Nova UI for that...
Unity is making me sick with its constant unfinish package solution that it really makes me think of switching to Unreal Engine...

[vyechi]

How do you handle world coordinates with the UI Toolkit?

[AzureRoki]

styling the ScrollView still takes me here in 2024

[IronFreee]

How did you solved not being able to resize text dynamically? Did you code it? Or wasn't that part of your concerns?

[Phelms]

Would you know of a way to bring/load the UI Toolkit's library as a mod for a game that doesn't use the system itself?

[Etivla]

so cool !!! thank u so much for sharing :)))

[lalitsharma]

I'm unable to find a proper tutorial for UI toolkit. Please help. I'm facing issues with using built in ListView and Scrollview

[hatiko]

Great video! 125-150% editor UI scaling please.

[bitmammothOG]

this syntax works for me as well:
Button.clickable.clicked += ButtonClicked;
:)