UI shrinks too much when window is rescaled

Help and Feedback Art Design Support
#1

You can write your topic however you want, but you need to answer these questions:

  1. What do you want to achieve? Keep it simple and clear!
    Hello! I’m trying to get my buttons to rescale whenever the device/window changes size.

  2. What is the issue? Include screenshots / videos if possible!
    The UI looks great normally:
    image
    but looks very weird when the device is changed
    image

  3. What solutions have you tried so far? Did you look for solutions on the Developer Hub?
    I’m currently using the AutoScale Lite plugin. I changed the size and position of the UI to be scale, and I also added a UIAspectRatioConstraint.

#2

Also, another issue
image

#3

I see no problem that’s what’s supposed to happen it gets scaled down with the window what do you expect??

The second problem can be fixed by making an frame setting its position to be either of the screen corners then set the frame’s anchor point so that it is visible then add a aspect ration constraint then make it invisible and put your ui in it. (This will put you ui at a screen corner and ensure that it doesn’t spread apart as you demonstrated.)

#4

I think the UIAspectRatioConstraint may be the reason, since the size of the buttons will be accurate to the device’s screen size.

Personally it doesn’t look that strange at all. I say you should keep it.

It might look a bit wonky between the settings and shop button because you might’ve forgotten to add a UI size constraint to all of them or something. But it seems fine to me.

#5

I fixed it! For some reason, the settings button had an anchor point of 0.5, 0.5. It works fine now that I changed it to 0,0

#6

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.