In this section, we will learn about the various visual layouts/components.
UI is made of visual components (eventually with the aid of some other non-visible ones). By layout, we are usually referring to the strategy used to place these visual components in front of the user.
The placement of components always follows a particular model, for example, the box model where components can be regarded as rectangular-shaped boxes, hence, with a width and a height, and positioned using a set of coordinates (relative to a conventional origin). In our case, the origin is set to be the upper-left corner of the parent container of the component and, by convention again, the placement is expressed in coordinates of the upper-left corner of the component.
Delphi historically has adopted this model for placement of visual components in conjunction with the concept of parenthood. In the VCL framework, every component needs to have a Parent object: a visual component will be...