Element Catalog
Every element is a unit in source\ named FMXER.<Element>.pas, with its .fmx. Add the unit to the uses clause and pass the class to a container's slot method (SetContentAsFrame<T>, AddFrame<T>, ...).
Screens and containers
| Element | Kind | Purpose | Page |
|---|---|---|---|
TScaffoldForm | form | screen with title bar, title detail area, content, floating action buttons, snackbar | Scaffold |
TColumnForm | form | elements stacked vertically, fixed heights | Containers |
TRowForm | form | elements side by side, fixed widths | Containers |
TColumnFrame, TRowFrame | frame | the same as frames: cheaper, for columns and rows created many times | Containers |
TVertScrollForm / TVertScrollFrame | form / frame | vertical scroll box around one element | Containers |
THorzScrollFrame | frame | horizontal scroll box around one element | Containers |
TStackFrame | frame | layers, one on top of the other | Containers |
TCenterForm | form | one element of fixed size, centered | Containers |
TContainerForm / TContainerFrame | form / frame | one element (or any FMX control) in a slot | Containers |
TMarginFrame, TPaddingFrame | frame | a container meant to carry margins or paddings | Containers |
TBackgroundForm / TBackgroundFrame | form / frame | one element on a filled, bordered rectangle | Containers |
TAccessoryFrame | frame | content with optional left and right accessories | Containers |
THorzPairFrame | frame | two elements, 50% / 50% | Containers |
TCardFrame | frame | titled card with optional glyphs and content | Containers |
THorzDividerFrame | frame | horizontal line | Containers |
Content
| Element | Purpose | Page |
|---|---|---|
TTextFrame | Skia text, clickable | Text & Input |
TButtonFrame | button with caption, extra text and background | Text & Input |
TColorButtonFrame | button with a color swatch | Text & Input |
TEditFrame | edit with caption, prompt, extra text, password mode | Text & Input |
TTrackbarFrame | track bar with caption and extra text | Text & Input |
TColorPickerFrame | color panel with caption | Text & Input |
TChipFrame, TChipsFrame | a chip; a flow of chips | Text & Input |
TActionButtonFrame | round floating button with an overlay element | Scaffold |
TImageFrame | bitmap image, tappable | Images & Media |
TLogoFrame | an image from a resource (the FMXER logo by default) | Images & Media |
TSVGFrame | SVG image (Skia) | Images & Media |
TAnimatedImageFrame | Lottie / animated image (Skia) | Images & Media |
TActivityBubblesFrame | animated "working" bubbles with a caption | Images & Media |
TPaintBoxFrame | Skia paint box with a draw handler | Images & Media |
TGlyphFrame | an image of an image list, clickable | Icons |
TIconFontsGlyphFrame | a Material Design icon | Icons |
TWebViewFrame | web browser (URL or HTML) | Images & Media |
TListViewFrame | list view with per-item click handlers, search, item builder | Lists |
TQRCodeFrame | rounded QR code from text, with logo and custom paint | QR Codes |
Support units
| Unit | Content | Page |
|---|---|---|
FMXER.Navigator | TNavigator, Navigator() | TNavigator |
FMXER.UI.Misc | TElementDef<T>, Param(), control and form helpers, TSubjectInfoContainer, LocalFile, LocalFilesPath | FMXER.UI.Misc |
FMXER.UI.Consts | TAppColors | TAppColors |
FMXER.UI.Types | TOnTapHandler | Images & Media |
FMXER.IconFontsData | TIconFonts, IconFonts() | Icons |
Icons.Utils, Icons.MaterialDesign | icon entries, collections, the Material Design Icons table | Icons |
QRCode.Utils, QRCode.Render | QR code to SVG, SVG to bitmap, rounded renderer | QR Codes |
Missing something?
Writing an element takes a frame and a few setters: see Writing Your Own Elements.