Another typical situation when dealing with component placement is having a number of equally sized entries to be arranged in a grid model. The TGridLayout component will enforce the sizing of all contained objects to be equal to its ItemHeight and ItemWidth property values.
Items will be placed one beside the other, filling rows (or columns, depending on the actual value of the Orientation property) within the boundaries of this container component. Similar to the TFlowLayout behavior, row/column management is automatic, but contained elements are all the same size. Some properties (Position, Width, and Height) of the contained elements will be automatically set while other properties will be explicitly ignored (Align).
In the following screenshot, you can see a simple example where ItemHeight and ItemWidth are set to 100, and the contained elements are TRectangle and TCircle components whose Margin value have been set to 10 on all sides...