Something's wrong with my UI Scaling

Help and Feedback Art Design Support
#1

So I’m trying to make this UI look the same on the same ratio for all screens. But once the resolution ratio of the screen is different, it happens like this.

I used scale and no offset, I’m not using UIConstraint because of the scripts inside.

Picture ( First Resolution Ratio )

UI
UI905×580 246 KB

Picture ( Second Resolution Ratio )

UI2
UI2392×580 137 KB

Video: https://gyazo.com/e3563333176be3ac265eea0ff2831b95

So how can I fix this? It’s being a really trouble for me.
Highly Appreciated, Thanks.

1 Like
#2

Are you sure that position also uses scale and not offset?

1 Like
#3

I don’t know the ins and the outs of the issue and therefore what I’m about to say could be wrong:

  • First of all, ensure that every single child has it’s position and it’s size as scale, not offset.

  • If you have a UIAspectRatio already applied, you cannot manually resize it like that. You have to size it to how you wish, then add a UIAspectRatio.

The issue you seem to be having with all the components moving differently would suggest that they aren’t properly scaled, wither in size or position. Hopefully some of these things should help.

  • If you have no UIAspectRatio then make sure you add this to the main parent frame. This should stop the UI from stretching on different screens and maintain the same ‘Aspect Ratio’ across all screen types.
1 Like
#4

Hey! If you are not already using this, you can try this plugin, it really helps.

1 Like