Go Up to FireMonkey Application Design
You can customize the appearance of a FireMonkey list view by modifying the layout of the list items, including the caption, the associated image, text details, or the accessory icon.
Customizing the List View Appearance Properties
At design time, you can change the footer, header, and the list items appearance (also for the editing mode) by modifying the values of the properties in the ItemAppearance property. The ItemAppearance property controls the footer, the header, and the item appearance size (normal and in editing mode).
The following appearance properties of a ListView are grouped in the Object Inspector and in the StructureView, and you can modify their values to customize your list view appearance.
- FooterHeight. This property designates the list footer height (in pixels). Default value:
24
.
- FooterAppearance. This property designates the footer graphical appearance. Possible values are:
Custom
and ListHeader
. Default value: ListHeader
.
- HeaderHeight. This property designates the list header height (in pixels). Default value:
24
.
- HeaderAppearance. This property designates the header graphical appearance. Possible values are:
Custom
and ListHeader
. Default value: ListHeader
.
List item properties
- ItemHeight. This property designates the item height (in pixels). Default value:
44
.
- ItemAppearance. This property designates the item graphical appearance (image, caption, accessory button, etc.). Default value:
ListItem
.
-
Choose between the following values:
Property |
Visible objects |
Custom |
See Using the Custom Value |
DynamicAppearance |
See Using the DynamicAppearance Value |
ImageListItem |
An image, a caption, and an accessory graphical button |
ImageListItemBottomDetail |
An image, a caption, a detail text, and an accessory graphical button |
ImageListItemBottomDetailRightButton |
An image, a caption, a detail text, and an accessory text button |
ImageListItemRightButton |
An image, a caption, and an accessory text button |
ListItem |
A caption and an accessory graphical button |
ListItemRightDetail |
A caption, a detail text, and an accessory graphical button |
See FMX.ListViewCustomBottomDetail Sample and other Samples.
Edited list item properties
- ItemEditHeight. This property designates the item height (in pixels) when in edit mode. Default value:
44
.
- ItemEditAppearance. This property designates the item graphical appearance when in edit mode. Default value:
ListItemShowCheck
.
-
Choose between the following values: