FlowLayoutGroup

Simie · February 8, 2015, 5:38pm

Hi all,

When developing my debug panel tool (SRDebugger) I had need of a FlowLayoutGroup which could handle oddly sized objects and resizing correctly. I’ve published it in my open source library SRF, in case anyone else has need of something similar.

Here is a video to demonstrate how it behaves:

It supports all child alignments, and ContentSizeFitter. If ChildForceExpandWidth is selected then items will be stretched to fill a row, and if ChildForceExpandHeight is selected then all items in a row will be stretched to be the same height as the largest item.

Link to the implementation (FlowLayoutGroup.cs)

Hopefully someone else finds this useful

Feaver1968 · February 8, 2015, 6:52pm

Thanks for sharing this. This is exactly what I needed for my interface. I struggled with trying to do something similar before they open sourced the ui but it was the fails.

SimonDarksideJ · February 8, 2015, 8:17pm

Great stuff, If you are ok with it, I’ll add this to the UI Extensions bitbucket repo @Simie :
https://bitbucket.org/ddreaper/unity-ui-extensions

Simie · February 8, 2015, 10:24pm

Hi @SimonDarksideJ , I’m happy to have it included in your UI Extensions repo. Could you attribute it to Stompy Robot LTD and link to the github page in FlowLayoutGroup.cs, and the notes column in the readme?

SimonDarksideJ · February 9, 2015, 4:18pm

Good point, each file has attributions in it, I’ll also look to include the credits in the front page as well!

SimonDarksideJ · February 10, 2015, 9:02pm

V1.0.0.2 of the UI Extensions project released including the FlowLayoutGroup

Democide · February 23, 2015, 6:41pm

I’ve done some changes to this - I’ve added separate X and Y spacing and an option to automatically and equally stretch the spacing, not the child width. Anyone interested?

Simie · February 23, 2015, 8:02pm

If you submit a pull request to SRF I could include it there, if you’d like.

SimonDarksideJ · February 24, 2015, 9:53am

If you can let me know when it’s updated @Simie and I’ll pull the changes in to the UI Extensions Repo

Democide · February 24, 2015, 10:18am

Done. I hope I broke nothing

SimonDarksideJ · February 24, 2015, 2:27pm

Famous last words engraved on every developers tombstone @Democide

Democide · February 24, 2015, 5:19pm

yeah, I know

ccklokwerks · February 24, 2015, 8:46pm

This is just fantastic work. Thank you very much for making this available to us all!

Democide · September 9, 2015, 11:16am

Quick question: Anyone up to make the flowLayoutGroup flexible so it can either do rows first or columns first?

jcuriel_glu_1 · September 20, 2018, 6:33pm

I’m running into an issue where if you have one element on the grid on its own row, using and of the Center or Right options will cause the element to not be positioned as expected. Any ideas what would need to change in this script so they aligned themselves properly? Seems to have something to do with the Spacing on X. It should be noted that it having more than one item seems to work just fine.

modernator24 · October 26, 2019, 6:14pm

How to set column count?

EdwinLyons · March 9, 2022, 2:55pm

8 years late, but here’s a version that lays things out in columns in rather than rows, useful for horizontal lists with items of different heights:

https://gist.github.com/eAi/c4c7fa9c35b8cb34d25f730bf70eaaf4