Horizontal Layout Group with element scaling.

Unity Engine
,
1

I would like to distribute UI elements horizontally while making them as large as possible (with small gaps in between). Is that possible?

Here is what I’m getting:

3567104--287570--before.png
3567104--287570--before.png1071×791 41.1 KB

Here is what I would like to get:

3567104--287571--after.PNG
3567104--287571--after.PNG1071×791 50.9 KB

Here is the parent Panel inspector:

3567104--287572--panel.PNG
3567104--287572--panel.PNG452×683 34.8 KB

2

anyone?

3

If I understand your problem correctly, do the following:

  • Also Check the “Child Controls Size” check-boxes (I actually also don’t know why this is required)
  • Add a Padding for Top and Bottom (maybe 10, maybe a different value)
  • Add an AspectRatioFitter to all the child objects and set it to “Height Controls Width” with a value of 1

This works for one resolution. If you want to work it for any resolution you may want to use my Asset Better UI (see signature).

1 Like
4

Thank you so much for your response! I looked at Better UI and it seems very promising. I’m sure it would have saved me a lot of time and frustration. Just to clarify, will it do all the adjustments by itself, or would I still need to add AspectRatioFitter to all the child objects?

5

Also Better UI doesn’t know what you want to achieve :wink:
So, you would also need to add AspectRatioFitters to the child objects.
However, maybe you could achieve the same goal with a (Better)GridLayoutGroup. With that you wouldn’t need the aspect ratio fitters.

6

Sounds great. Thank you!