UMG layout rules ?

[motorsep]

@ste1nar;663476

Well, the part he’s showing is how to create the inventory slot, which goes inside the inventory, and that’s done by deleting the canvas.
Maybe you’re wondering, why not add buttons to the inventory and have them as slots? That would be a programming nightmare.

No, that’s not what I am wondering about.

@ste1nar;663476

So what’s with these deep hierarchies? And I agree, I find myself creating silly deep hierarchies when creating some widgets, but then again… there’s not much choice.
For example, the border can only have 1 child, so instead of directly filling the border with the stuff you want, you first have to add something that can hold more children.
Or, if you want two elements beside each other you have to use the horizontal box.
As for the size box, by default the widget components added tend to either try to take as little space as possible or as much as possible, if you want them to be a certain size, you got to use the size box. It’s a bit of a hassle.

I think I started by just reading the UE docs on umg while playing around with it in the engine. You will find yourself wanting to add something to something else, but you can’t since it can only have one child and it already has it, so you need to add something that can hold more children.
Want to create something with a header and a body which is divided into…? Okay start with the first part. Header and body are layout vertically, so you need a vertical box. Then look at the layout you want the body to be. It just kind of makes sense after a couple of days of messing around.

I read docs, I watched WTF is? videos on youtube, so I got some ideas about UMG and widgets. However, none explain why use one over another widget and what’s the proper hierarchy. For example, WTF is? or HTF do I use ? videos imply that Canvas is the one that always has to be the parent. However in the video I linked he uses size box first, then canvas, then size box again.

Here is what I am after (that will be a 3D widget located in the lower left “corner” of the player’s view):

Basically a vertical box with semi-opaque background that houses several item widgets (initially there will be none, but as player picks up unique items, item widget with appropriate icon is added to the vertical box). On stacked items the amount (x999 text on the mockup) will change, on unique items it won’t even show.

I already have inventory system working. Now I just need to make UI for it :o