UI moving around no matter what I do (I'm losing my mind)

Hello, this is like the 4th forum post i’m making because i’m genuinely so sick of this. i keep working on UI in studio, i use the device emulator, i use constraints, anchor points, scale over offset, you name it. And no matter what i do, the ui shifts.

Studio example:

Now here’s an example of the exact same UI but in-game on the same monitor:

I have no clue why my UI keeps shifting around despite everything I’ve done to it, is there something I’m missing or something I haven’t done to fix this? How do so many games have nice little UI that’s organized and clean, but I try to do it and it looks like a hurricane passed through my computer.

If anybody has any tips, ideas, or just any kind of input at this point that’d mean a lot because I am at SUCH a loss.

If it is needed, here’s a screenshot of my hierarchy in case I’m doing something miserably wrong:



The rest is just image labels and text labels. I don’t know if maybe i was supposed to use like 50 other frames or what it is, but if anybody can tell me, that’d mean the world to me.
(Note: The script inside the UI is just for interactions such as closing the UI via the red X button)

Thank you for your time, patience, and your help. Have a great rest of your day/night.

A lot of the problems with UI deals with their properties, while I could just ask you to tell me each and every property of the Ui, I think it would be faster if you could just share a place file with just the Ui and maybe keep some of the script in there too. Apologies if you aren’t too comfortable with that.

Also, try placing the TextLabel1 and TextLabel2 inside a MainFrame which could help with your Text not positioning correctly

1 Like

It seems like its only the textlabels that are affected and moving/changing size, set them all to textscaled and remove the uitextconstraints, ive always found them buggy :face_with_spiral_eyes: see if it works

1 Like

Try this. For all the text that’s moving, parent it under the text that’s to the left of it. Then, set the anchor point to 0, 0.5 and the position to scale of 1, 0.5 and offset of 0, 0. Then add a uiaspectratioconstraint to the leftmost text and make sure it stays sized up properly.

If any of this is confusing tell me and I’ll go more into detail. Hope this helps!

1 Like

I don’t mind doing that, give me a moment and I’ll turn it into a file, thank you

Noted, I’ll do that in a moment, and yea you’re right the text constraints are so janky cause for one monitor, 40 is too small, and for another it’s too big

Wait that’s actually such a good idea, I’m gonna have to try that, thank you Duck

Try play around with UIListLayout, those stuffs can automically change UI’s position to order

1 Like

Hello. Glad you got a solution!

1 Like

I would’ve given more of you solutions, since your advice helped but so did Pasty’s, thank you all for helping me out, GUI work genuinely frustrates me so badly.

1 Like