GUI Looks Stretched on Different Devices

Help and Feedback Creations Feedback
,
1

Hey,

I’m having a problem with my game GUI. When I play on mobile, tablet, or PC, the UI elements like buttons and frames stretch or look really off. I’ve tried messing with ScaleType, AnchorPoint, and UIScale, but nothing seems to work properly across all devices.

Does anyone know a good way to make GUIs scale correctly and look consistent no matter what screen size or device someone is using? Any tips or examples would be awesome!

Thanks!

1 Like
2

Autoscale Lite plugin. Hope this helped you.

2 Likes
3

I used it and it didn’t help

image
image212×191 10.3 KB

not sure if this is the correct way but I also tried position offset and size offset too it looks very broken

4

Use UIAspectRatioConstraint to have square icons be consistently square. If you notice that they begin to shrink and leave big gaps in between each other as a result, consider playing with the AnchorPoints as they affect how the UI shrinks/scales (ex: putting anchor point in center will make UI shrink/scale toward/from the center).

1 Like
5

Thanks so much for your help it’s working well but unfortunately I couldn’t fix the the gaps between the UI

image
image1291×670 159 KB

6

A good idea could be shrinking the frame to be very short by default, then expanding it with AutomaticSize Y or XY. Then to ensure gaps between the icons, use UIListLayout or UIGridLayout and add padding.

This way, you’ll have icons that don’t leave a bunch of space in between.

1 Like
7

Yeah I think it works using UIListLayout and UIGridLayout but the problem that for some reason I can’t keep it like this layout

image
image147×280 44 KB

sometimes it glitches out in diff devices

8

Change the VerticalFlex for the UIListLayout. It will change how the icons are spaced vertically.

1 Like
9

Alright thanks alot, appreciate your help. I’ll try that later

1 Like