Ui elements not scaling correctly

Question

I am making a mobile game with Unity. When you win or die in the game you get this screen, most of the game we have developed with the resolution set to a 18:9 aspect ratio and it always scaled properly over to 16:9.

However just recently when switching to 16:9 the button's get all squished like this. The canvas scaling is set to match witdth/height and set to 0.5 at 2160x1080. How can we fix this.

Thanks in advance,

Roan van der Duim.

Your buttons' `RectTransfrom`'s anchors are not properly set. — Draco18s no longer trusts SE, May 16 '18 at 20:16
From what i can tell they are set correctly to each corner off the button. — Roan Van Der Duim, May 16 '18 at 20:25
If the triangle wedges are not all in the same spot (i.e. each corner of the button as you have said) then that means that the object will scale in proportion to its parent being scaled. This is probably not what you want. — Draco18s no longer trusts SE, May 16 '18 at 20:28
I put all the anchors in the middle at one spot and now they work. I have one more question though: why are the text elements and sprites in the main game ui scaling correctly why all the elements in the panel scale like this? — Roan Van Der Duim, May 16 '18 at 20:35
Text doesn't scale the same way as other objects. It will never squash. — Draco18s no longer trusts SE, May 16 '18 at 21:03
Possible duplicate of-https://stackoverflow.com/questions/25477492/unity-4-6-how-to-scale-gui-elements-to-the-right-size-for-every-resolution — , May 17 '18 at 08:51

score 0 · Answer 1 · answered May 18 '18 at 06:21

0

It could be that you need to set the canvas scaler to Scale with Screen Size. I don't know if you already have it set to scale with screen size, otherwise you just need to adjust the anchors of your UI objects. Hope it helps.

answered May 18 '18 at 06:21

Geordi Rugenbrink

89
12

Ui elements not scaling correctly

1 Answers1