FMX.Mobile.Controls Sample (Object Pascal)
This is a sample that shows component styling in mobile applications using FireMonkey.
Contents
Location
You can find the FireMonkeyMobile Controls sample project at:
- Start | Programs | Appmethod | Samples and then navigate to Object Pascal\Samples\User Interface\Controls.
- Subversion Repository: http://sourceforge.net/p/Appmethod/code/HEAD/tree/branches/Appmethod_113/Object%20Pascal/Samples/User%20Interface/Controls
Description
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
- Navigate to the #Location given above, and open MobileControls.dproj.
- 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.
Classes
TForm1 is the main form of the application and contains all the visual controls that are displayed.
Implementation
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.