How do I make UIText scale properly in a VerticalLayoutGroup in Unity?

Question

I have a Panel with an AspectRatioFitter on it.

In there, I have a vertical layout group, with three buttons, Standard Mode, Speed Mode, Chaos Mode.

I have the Layout Group's anchors set to keep its size relative to the parent Panel.

The problem is that the text doesn't resize when I change the screen resolution. You can see it's cut off to say "Standard M" in the bottom image.

But if I say "Best Fit", the texts aren't the same size, because the boxes are big enough to allow the shorter text to be bigger. The only way I've been able to fix this is to adjust the sizes and anchors of the text boxes by hand. Is there an automatic way to do this?

Answer 1

Ok, I think I have it. Set the Canvas to use "Expand". No messing around with text box sizes or anchors, it just seems to work.

To be absolutely clear, I am still using the Aspect Ratio Fitter to force my Panel to maintain its aspect ratio, and it's set to Fit In Parent, which is the Canvas, and that is always the size of the screen.

Results:

Answer 2

You are trying to fit the same layout for horizontal and the vertical orientation. I am afraid it won't be easy to make it happen by tweaking the layout properties. It needs to be done manually through code.

1. Scale the button as a percentage of Vertical side (ButtonHeight=
   Screen_vertical*0.2)
2. Scale button width according to the newly calculated height and button's aspect ratio
3. Position it in the middle (Screen_Horizontal/2)
4. Anchor side buttons at (ScreenWidth +- offset)

You need to check if the layout works for the following aspect ratios (widest to narrowest), they will cover both android and iOS devices:-

• 5:4
• 4:3
• 3:2
• 16:10
• 16:9