FMX.Mobile.Controls Sample (Object Pascal)

From Appmethod Code Examples
Jump to: navigation, search

This is a sample that shows component styling in mobile applications using FireMonkey.


You can find the FireMonkeyMobile Controls sample project at:


This application uses tabbed pages (TTabControls), on which you can see various FireMonkey mobile controls, such as ToolBars, Tool Buttons, ListBoxes, Tabs, Controls, and Editors.

How to Use the Sample

  1. Navigate to the #Location given above, and open MobileControls.dproj.
  2. Press F9 or choose Run > Run.
Note: The Back button will navigate tabs until the leftmost tab is reached and will exit at the leftmost tab. So when you capture Back events, consider how to control when this 'falling off' occurs.


TForm1 is the main form of the application and contains all the visual controls that are displayed.


For different stylings of the same control, the StyleLookup property is used:

  • On the first tab, the StyleLookup property for one TSpeedButton is set to deletetoolbutton and therefore, the button is rendered red and labeled Delete.
  • The StyleLookup property of the speed button next to the Delete button is set to donetoolbutton and therefore, the button is rendered blue and labeled Done.


See Also