TMS iCL DEVELOPERS GUIDE - TMS Software

TMS SOFTWARE
TMS iCL
DEVELOPERS GUIDE
begin
lbl := TMSFMXNativeUICollectionView1.AddItemTemplateLabel(10, 10,
100, 25, 'Hello World !');
end;
The code adds a label template control descendant to the item template collection that is located
under the Template property on CollectionView level. As explained in the previous chapter, the
CollectionView then loads and initializes the header, footer and item elements and loops through the
template collection of each element. In this sample, a native iOS UILabel will be added to the item.
Initializing / modifying values
After defining the template for either the header, footer and / or the item, the CollectionView
initializes the elements and creates a native iOS control for each template control. The
CollectionView manages each element separately in memory and reuses its elements where possible.
The CollectionView does not manage a separate data structure, so the data that needs to be
visualized will need to be passed by implementing some events. The “First Initialization” chapter
already mentioned events to determine how many sections and items are going to be displayed.
Next, after adding template controls to the header, footer and / or item with optionally default
values, the data can be mapped on the control by implementing 2 events. These events are also
called per element which means that we have an equivalent for the header, footer and item. In this
sample code, we continue with our label template control that we have programmatically added.
The code shows how to define a default font, font size and text color that will be applied to all items.
procedure TForm1.FormCreate(Sender: TObject);
var
lbl: TTMSFMXNativeUICollectionViewTemplateLabel;
begin
lbl := TMSFMXNativeUICollectionView1.AddItemTemplateLabel(10, 10,
100, 25, 'Hello World !');
lbl.Font.Name := 'Helvetica Bold';
lbl.Font.Size := 18;
lbl.TextColor := TAlphaColorRec.Red;
end;
Running the application will show a CollectionView with 5 items per section, with red bold text and
the default value “Hello World” that is set in the FormCreate.
133