How to scale unity UI for every device-CodePudding

The

These settings give me..interesting results to say the least

What the result is SUPPOSED to be is this

How am I able to do this?

CodePudding user response：

There a few things that you should keep in mind while building the UI for different screens.

Have a target Aspect ratio. Generally it should be 16:9 for landscape and 9:16 for Portrait.

Make sure the reference resolution is in line with your target aspect ratio.

Set the Match option of canvas scalar to 0.5 to scale evenly. If you are sure the device aspect ratio will change in only one direction then set either height or width. For example a portrait game will scale only by height if you switch from 9:16 to 9:18.(0.5 has worked always for me)

Select the aspect ratio in the game window and set the Anchors of the UI to the corner of the scene. That way Unity will know where the element should be based on the screen's corner.

CodePudding user response：

First of all, use some custom resolution in game view instead of Free Aspect. Then you could try adjusting Match with Height or width to 0.5. In some case, you have to adjust custom anchors using these little guys

If you want to absolutely preserve aspects, use this option on Image component.