Using UIAspectRatioConstraint on Main menu

Help and Feedback Art Design Support
#1

Hey there!

So i want to use UIAspectRatioConstraints for my buttons on my main menu, so that it looks nice and clean. However, in not so sure how to do this properly.

Here’s what the Main menu buttons look like:

image
image1382×807 148 KB

I’m pretty sure if i just put a UIAspectRatioConstraint in each button it will just look really spacious on other smaller devices.

Any help would be appreciated!

#2

Right now, it seems like that it will overflow vertically with an ARC, so if you set the Dominant Axis to Height, then you can have control over the height and make it not go off screen. Width shouldn’t be a problem as devices are usually always horizontal.

1 Like
#3

I’m not really sure what you mean but here’s the problem in more detail

Here’s what i want for it to look like (laptop)

image
image1155×702 997 KB

Here’s what it looks like on phone

image
image876×528 588 KB

As you can see, on phone, there is a significant change in space between each button, and the logo clearly looks like the same size as the play button. If your reply still solves the problem, would you mind putting it into simpler words?

Thanks :+1:

#5

So would setting the DominantAxis to Height (without adjusting the height) fix the problem?

#6

I would recommend using AutoScale Plus for the best results. I can scale your UI automatically to any device using either scale or offset. More information can be found about it on this Dev forum post. If you do not want to spend 50 Robux then you can use the free alternative. More information on it can be found here.

3 Likes