The ListView control has support to render two different images when there are items in the list that will not fit in the control area. This is used to indicate that there are selectable items further up and/or down in the list.
The images must be named according to the unique names defined in the list below:
ItemsAboveImage
Description:Description:Displayed when there are hidden items available above the current top item in the list.
ItemsBelowImage
Description:Displayed when there are hidden items available below the current top item in the list.
| Note: when images are added to the ListView, horizontal space will be reserved at the right edge of the control to render the images. The space reserved in pixels will match the maximum Width of the images defined in the control. |
Example:
In this example the image “up.bmp” will be rendered in the right top corner of the ListView when there are selectable items available above the current top item. An image with name “down.bmp” will be rendered if the lower right corner if there are items available below the last item.
<TFT:ListView
def:Name='ArticleSelectionListView'
ItemHeight='13'
Width='120'
Height='70'
VerticalSpace='5'
Location='30, 30'
TextModeName='WhiteText'>
<Controls>
<TFT:Image Name="ItemsAboveImage" File="\Storage
Card\Media\picture\up.bmp" Location="110,0" Width="10"
Height="10"/>
<TFT:Image Name="ItemsBelowImage" File="\Storage
Card\Media\picture\down.bmp" Location="110,60" Width="10"
Height="10"/>
</Controls>
</TFT:ListView>
