How do I make my ui ratio the same for all devices

cs_zr · April 18, 2020, 1:36pm

Just as the title says. I want to find a way to make my gui ratio the same for all devices without having to go to the properties and manually changing the scale and offset.

cxmeels · April 18, 2020, 1:41pm

You can use a UIAspectRatioConstraint in the root of your UI to keep the aspect ratio.

This plugin is handy: [Plugin] AutoScale Lite for GUIs - Scale your UI

cs_zr · April 18, 2020, 1:44pm

I think ive tried that before and it didnt seem to work when i put it in
is it gonna be something like this

ScreenGui
–>frame
—>UIAspectRatioConstraint
—>The rest of the ui?

cxmeels · April 18, 2020, 1:45pm

It should be more like this:

ScreenGui
--> Frame (Size: {{ 1, 0 }, { 1, 0 }})
----> UIAspectRatioConstraint
----> Rest of UI

TritoNotTrito · April 18, 2020, 1:47pm

UIAspectRatioConstraint would do the trick, but I usually use scale.

cxmeels · April 18, 2020, 1:47pm

Bear in mind the aspect ratio is a decimal. For a 16:9 ratio, your ratio would be (16 ÷ 9) = 1.777 (I believe).

L_3ee · April 18, 2020, 1:54pm

You can use plugins which help you to change the UI ration. I use this one personally and it seems to work for me: https://www.roblox.com/library/1496745047/AutoScale-GUI