UI positioning for all devices

I am not as skilled at UI as many other people and have trouble positioning/sizing UI for all devices. I use the autoscale plugin and convert the position and size to scale. I also use a UIAspectRatioConstraint and still the text button I am using is not positioning correctly. Here are some photos:

I am trying to make the “Open Backpack” text button directly above the hotbar like the Ipad and PC but for some reason on Iphone it gets messed up.



lmk if you need to know anything else! thx

2 Likes

also dont worry about the hotbar size/positioning for some reason that is fine


if you want to do it the easy way here is how i would do it:

  1. change the TextLabel’s AnchorPoint property to (0.5, 1). the center of the label is now the middle bottom.

  2. put the TextLabel so that it is a child of the white Frame

  3. change the TextLabel’s position to be (0.5, 0, 0, 0)

  4. just make sure that the Frame’s ClipsDescendants property is turned OFF

i believe this will work, but make sure for me! :doh:

3 Likes

The white frame has a UI grid for the inventory tool slots, if I make it a child of the white frame it will lock the buttons position and I don’t know how to fix that.

nvm i fixed it by using a frame and a uilistlayout child