This thing is frustrating, I have watched countless gui tutorials to try and fix one issue.
I have used the AutoScale plugin and I have also tried to use Scale instead of Offset, but using Scale starts to squish and stretch the gui (ingame).
For this gui, I was using Offset + a UIAspectRatioConstraint and here is the issue:
This is how it looks like in studio (how it is supposed to look):
This is how it looks like on the mobile preview:
And this is how it looks like on my laptop when I am playing (1920x1080):
Are you using a UIListLayout? Can you show it’s properties if so?
Also, I suggest using an AnchorPoint of 0.5, 0.5 because it looks like it’d help, and you can very easily center things on-screen by setting it’s position to 0.5, 0, 0.5, 0 (with the AnchorPoint adjustment).
For the upper selection part, I’m not using anything but for the low one with all the "None"s uses a ‘UIGridLayout’
Here are the properties of the UIGridLayout:
Try setting the anchor point to 0.5, 0.1, and the position to {0.5, 0, 0.1, 0}. If that doesn’t work, just try to mess around with the anchor point and position until you get it right.
My tutorial has a lot of information on this topic.
I re-did that method and it solved half of my problems (just a bit of the “None” button problems)
But it still has an issue where it leaves a lot of space at the top and makes it look very ugly.
I hate postitioning GUIs… I can’t figure out a way to keep it in the exact same spot on all devices either, but parenting your GUIs to a Frame with an anchor point at .5, 0, .5, 0 should do the trick. Especially if you have the Auto Scale plugin.
Now create a UIAspectRatioConstraint on the Frame you obtained the absolute size. Copy the number that was printed and use that as your AspectRatio. It should be the normal size of your UI when you first made it, but it prevents it from scaling on Mobile devices weirdly, and should stay the same size depending on screen. I recommend setting all UI elements to Scale before doing this. If you don’t wish to figure out the values yourself, I recommend AutoScale Lite to unit convert it easily.
This is how I do my GUIs, works well. There is a bug with studio where the GUI might look off center, but it stays in the normal spot in-game
It doesn’t help. I already used AutoScale and it does the same thing. Anyways, I tried the AutoScale plugin on the selection frame and it still leaves a small ugly gap at the top. Although, it did fix the shriking issue and the gap it leaves has shrunk.
But as for the frame with the “None” buttons, it gets shrunk and the buttons pop out if I use scale (on mobile). I am using a UIAspectRatioConstraint with a UIGridLayout and This is what Happens:
