Gui is streched

Help and Feedback Art Design Support
#7

make sure position isn’t offset as well.

#8

What do I change my scale to??

#9

any thing that fits the gauges on the car lol, and if its in a frame scaling might be a bit weird.

#10

The size you want it to be set to.

#11

Same thing happens also, what do you mean by make sure position isn’t offset.What will anchor point do?

#12

if it’s still stretching then I have no idea

#13

Ok well I guess thanks for helping.

#14

Hi there!

I used to get confused with the same ptoblem when I started UI design too, until I knew about the UIAspectRatioConstraint object!

Basically insert the UIAspectRatioConstraint object inside the main frame that holds the entire UI group, then set the value of the UIAspectRatioConstraint to achieve the size you want on all screens.

  • If you have problem with setting the values yourself, you can get the AutoScale plugin to set it automatically (depending on the size appearing on your screen).

Notice: Make sure you’re not using the device previewer while doing this!

#15

So it kinda works but it doesnt stay in place
with toolbox
image
without

image
image742×287 66.6 KB

The scaling is my fault but it moves. Also sorry for late response.

#16

You can use a UIAspectRatioConstraint to keep a GUI Object and its descendants the same aspect ratio

#17

That’s because you have to place the UIAspectRatioConstraint inside the main frame that holds all the objects and not just the 2 frames that the problem occurs with. You can as well place it in each parent object, in case they’re split and not inside one object.

Don’t forget to mark my post as a Solution if it works well for you :wink:

1 Like
#18

The same problem still happens as the one in my reply to your first post.
image

#19

Can you link the studio file that has that issue, and I’ll see what I can do to fix that issue. And I’ll let you know how I fix it.

#20

I have made the chasis into a model as I dont know how to attach a studio file. Custom Chassis - Roblox

#21

This UI is so poorly made, and I’m afraid I can’t fix it. It’s a lot better to design a custom one though!

1 Like
#22

Quick question, how do you spot poorly designed gui? Other than that, thank you.

#23

Good UI should be:

  1. Well organized in the explorer.
  2. Doesn’t contain repeated objects that would cause some lag on low end devices.
  3. Resizes automatically to fit the screen resolution.
  4. Has a good color scheme.
  5. Has a consistent style.

If a UI doesn’t at least meet 3 of these terms, then it’s considered poorly designed.

1 Like
#24

Hey! So I have fixed my poorly designed gui and did what you said but it still wont work
image

#25

Sorry for late response!

The UIAspectRatioConstraint needs to be put right below the holder/parent of all objects. that way it keeps all of the objects aligned the same way you intended as well as it would resize them together automatically.

#26