Introduction to UI Containers in Godot 3 (tutorial) 

Thanks this is really helpful. However, since this now becoming like a network channel. Please say "Hi, my name is _____________ for GDquest or something to that effect." I'm sorry I forgot because I know Nathan, and I see the icon and think Nathan, but the voice and person is different, and I'd like to know who you are as well.

I'll keep that in mind for the next time, thanks :) No worries about forgetting, my name is pretty weird aswell and this is only the second video.

Great content as always! What is the proper way to do animations within Godots UI system? I searched and found nothing of relevance. Two examples of this would be moving UI elements in transitions and re-positioning list items smoothly when items are added/removed

In general you can use the animation system to animate the position of UI elements and emit a signal when the animation's done (or use the tween node), and a state machine to lock your UI while it's playing animations. You should only be careful with the Size Flags property: a UI element set to expand may give you unexpected results in some situations but that's about it. If you use built-in containers however they take control of their children so you can't get smooth list reordering out of the box. For custom complex behavior you'll have to use the base Container class and its "sort children" signal. Or you can use the trick below. You can animate UI elements that are in a container to some extent: in the case of the list, you can deactivate the container temporarily, play the animation, then in a second step swap the node order in the tree, reactivate the container and snap the control nodes back to their start position. It's similar to how you handle grid-based movement where you move the objects' colliders and their sprites in different ways. Or you can add a control node between the container and the UI component it controls so that you can animate the UI component independently from its parent. You'll have to make some tests and see what works best for your project! It depends a lot on your UI.

Thank you for your reply. Yes that was basically my plan. I am a little bit surprised at this since all other areas seems to be very mature for 2d with built in solutions for all common use cases except UI animations.

game design quest. More info here: gdquest.com/about/

Thank Guilherme! There are often big discounts on Udemy, but this link guarantees the lowest you can get on his course I think.

There is a way to do what you want. 1. Select VBox (which holds "Select Char" and Attack and Defense nodes). 2. Go to its props and find Alignment (should be the top most). 3. Set it to value to End. Now we have a little problem: "Select Char" label is pushed down too. To fix this 1. Select that label. 2. Find Vertical property under "Size Flags" section. 3. Set it to Expand and uncheck Fill. Now you have label on top of VBox and other things at the bottom. Tested in Godot 3.0.6.

why not signal? use setget on rev counter, and inside the setter function emmit a signal that will update the UI gauge everytime your data rev counter data changes

Don't know if you have figured it out yet :p but here is the solution: Inspector (of your item node in a container) -> Filter properties (search for "size flags") -> horizontal -> tick the "expand" box

@@quarrlk Very helpful for other users. Thank you!

Yes you'll need a script

did you also notice the "lorem ipsum"?

Use Custom constants -> Separation

@@theselfishmeme_23 Thanks 😁