Every application has a Home page and, usually, it is the first view presented to the user. Our Home view provides the user with a set of icons to access further functionalities of the app. A toolbar and a background image will complete the UI structure opening for eventual buttons or titles to be added.

We'll use TFlowLayout as a container for the function icons and TImage components as icons themselves. A glow effect is added to be triggered when the user taps on one of the items.

TFlowLayout will take up most of the view's space and ideally will be able to host a bunch of function entries, properly arranging them according to the actual screen size of the current device.

TToolbar will automatically align with the top of the frame and we can add an extra TImage instance (named OverlayImage), setting its Align property to Contents. In order to cover the full area of the frame (without considering other components on the frame), set...