UI Scale problem

Hello, I have a problem with my GUI, when I do the design, it’s beautiful but when I put in phone version or others … the GUI is stretched … I don’t know why…

Normal :

Phone :

You need to use 9 slice scaling

Doesn’t work for ImageButton or ImageLabel :confused:

1 Like

I suggest you using UIAspectRatioContraint if you scalled it properly with Scale and Offset.
I think everything you need to know about UI scalling is explained in this topic: UI Design Starter Guide
I think it can be helpful.

9- slice is made for imagelabels and imagebuttons. Make sure scaletype is Slice.

Yes, you should use 9 slice. Basically, for these kinds of images, you slice the center of the image. So, you should know how big the image was in pixels (e.g., 100 pixels by 200 pixels). If your dimensions are those then your slice center would be:

50, 100, 50, 100

Basically, you divide the dimensions by half.

1 Like