You’ll have to deal with RowCollection and ColumnCollection properties (to add or remove rows/columns). Say you do not know the number of rows or columns at design time, but you need to add controls to the grid panel dynamically where the number of rows/columns (/controls) changes. What if you need to dynamically add controls to grid panel at run-time? That’s all great when you know the design at design-time – and you know what number of controls you want to be hosted by the grid panel. What’s more you can even determine how each cell will be sized: will it have a fixed size, or a percentage of the grid size – so you can have controls nicely uniformly distributed in a grid. As you add more controls the grid will grow either by rows or columns being added automagically (or not, if the ExpandStyle poroperty is set to emFixedSize). Unlike standard TPanel, when you drop a control on a GridPanel it will be placed in the next available empty cell in the grid.

To place controls on a grid panel you specify the number of rows and columns ( RowCollection and ColumnCollection properties) and simply drop a control on it. The Position, Height, and Width properties for child controls are automatically set, and explicitly changing their values has no effect.Delphi’s TGridPanel control is an ideal pick when you want to create grid-flow like user interface layout for your controls. Note: The Align property of the controls within a TGridLayout is ignored. Look how child controls are resized and positioned inside the respective grid cells. All four Top, Left, Right, and Bottom margins for Button7.

The Top and Bottom margins for Button5.

For example, the following image demonstrates the usage of different margins for Button5, Button6, Button7, and Button8 child controls: However, you can customize sizes of child controls using the Margins properties of child controls. If the orientation is set to Vertical, the child controls of a TGridLayout are positioned one under another until the height of the layout is exceeded when a new column is added to the grid. If the orientation is set to Horizontal, the child controls of a TGridLayout are lined one by one until the width of the layout is exceeded when a new line is added to the grid. The children of a TGridLayout are resized to fit the sizes specified through the ItemHeight and ItemWidth properties. A control that arranges child controls in a grid of equally sized cells.Ī TGridLayout grid layout is a container for graphical objects that can arrange the objects it contains in a grid, as shown in the following image:

Delphi fmx grid