Book Image

Delphi GUI Programming with FireMonkey

By : Andrea Magni
4 (1)
Book Image

Delphi GUI Programming with FireMonkey

4 (1)
By: Andrea Magni

Overview of this book

FireMonkey (FMX) is a cross-platform application framework that allows developers to create exciting user interfaces and deliver applications on multiple operating systems (OS). This book will help you learn visual programming with Delphi and FMX. Starting with an overview of the FMX framework, including a general discussion of the underlying philosophy and approach, you’ll then move on to the fundamentals and architectural details of FMX. You’ll also cover a significant comparison between Delphi and the Visual Component Library (VCL). Next, you’ll focus on the main FMX components, data access/data binding, and style concepts, in addition to understanding how to deliver visually responsive UIs. To address modern application development, the book takes you through topics such as animations and effects, and provides you with a general introduction to parallel programming, specifically targeting UI-related aspects, including application responsiveness. Later, you’ll explore the most important cross-platform services in the FMX framework, which are essential for delivering your application on multiple platforms while retaining the single codebase approach. Finally, you’ll learn about FMX’s built-in 3D functionalities. By the end of this book, you’ll be familiar with the FMX framework and be able to build effective cross-platform apps.
Table of Contents (18 chapters)
Section 1: Delphi GUI Programming Frameworks
Section 2: The FMX Framework in Depth
Section 3: Pushing to The Top: Advanced Topics

Understanding the THomeFrame frame

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...