Designing the user interface

We now have a set of images ready to be used in the visual part of the app. In this section, we’ll start building the main form for Game of Memory. This is where the end user will be spending most of their time un-hiding tiles and removing them from the grid.

Designing for multi-device

The key consideration in building mobile user interfaces with FireMonkey is the fact that our app can be compiled for different targets and it should run properly on displays with different sizes and orientations. There are different strategies to handle different screen sizes. The most powerful approach is to organize different visual controls on the form in such a way that they always work properly on screens of all possible sizes, from small mobile phones to large tablets.

Aligning, anchoring, and margins

We have already used the Align property a lot. Regardless of a given control size, we can instruct it to align itself with a portion or the whole area...