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)
1
Section 1: Delphi GUI Programming Frameworks
4
Section 2: The FMX Framework in Depth
13
Section 3: Pushing to The Top: Advanced Topics

Working with the FMXAni demo project

The main form hosts two TTrackBar components, a rectangle with a red circle at the bottom-left corner, and some controls, as shown in the following screenshot:

Figure 10.9

As you can see, the idea is to manually variate the X value (the XTrackBar control) and look at the resulting interpolated value on the YTrackBar value. At the same time, the X and Y values will be used to set the position of our red circle (over a rectangle that acts as a raw plot grid). The X value can range from 0 to 300 and two interpolation functions are available; that is, Linear and Quadratic. A Step button is available so that you can change the X value and add 1 to it, as well as an automated mechanism that is implemented using a checkbox and a TTimer component. This will range X from 0 to 300 with a 20-millisecond interval.

Every time the X value changes, we are going to calculate a new Y value via code (while considering the...