Delphi for iOS开发指南(9):在iOS应用程序中使用ListBox组件来显示TableView

Delphi for iOS开发指南(9):在iOS应用程序中使用ListBox组件来显示TableView

在FireMonkey iOS应用程序中使用ListBox组件来显示TableView

在iOS平台上，FireMonkey使用FMX.ListBox.TListBox组件来显示一个iOS Style的TableView，像这种ListBox：







这篇教程描述了在你的FireMonkey iOS应用程序中为TableView建立项目列表的基本步骤。

在ListBox组件上创建项目列表

1. 选择File>New>FireMonkey Mobile Application-Delphi>BlankApplication。

2. 在Tool Palette选择TListBox组件，然后将它拖放到FireMonkey Mobile Form Designer。要找到TListBox，在ToolPalette的搜索框中输入部分字符（例如“tlist”）。



3．选中在Mobile FormDesigner上的TListBox组件，在Object Inspector里为Align属性设置为alClient：



4．在FireMonkey MobileForm Designer上，右击TListBox组件，然后选择Items Editor:



5．在Items Designer上，多点几次AddItem按钮来给ListBox添加一些项目：



6．关闭项目列表设计器。现在你可以在TListBox组件上找到你刚才添加的ListBox项目列表。例如：



添加一个Header

你可以使用下面的步骤来在TListBox组件上定义一个Header：

1．在FireMonkey MobileForm Designer上，右击TListBox组件，然后选择Add Item>TListBoxHeader：





2．在Tool Palette上，选择TLabel组件并将它拖放到你刚才添加的TListBoxHeader上方：



3．在Object Inspector里，更改TLabel组件的属性如下：



添加分组Header/Footer到列表中

你可以在TListBox上面加上一个分组Header和分组Footer：



1． 在FireMonkeyMobile Form Desginer上，右击TListBox组件，然后选择Items Editor。

2． 在ItemDesigner上，从下拉列表中选择TListBoxGroupHeader，然后选择Add Item：



3． 在下拉列表中选择TListBoxGroupFooter，然后选择Add Item。

4． 选中在项目列表中的ListBoxGroupHeader1，然后点击几次Up按钮直到这个项目成为列表中最上面那个：



5．关闭对话框。现在在TListBox组件上有一个分组Header和一个分组Footer。

显示列表项为分隔分组项

在ListBox上的项目可以显示成一个Plain列表或一个Grouped列表。由GroupingKind属性和StyleLookup属性所控制的，如下图所示：



你可以在Object Inspector中为你的TListBox组件选择一个Style。

添加一个复选框或其他辅助项给ListBox项

TListBox里的每个项通过ItemData.Accessory属性来使用一个辅助项，例如复选标记。下面的图片显示了你可以赋给ItemData.Accessory的值：



当Form Designer中的ListBox列表项选中的时候，你可以在Object Inspector中选择Accessory属性的值。



给ListBox项添加图标

每个在ListBox组件中的项目都包含一个Bitmap数据，做为图标，通过ItemData.Bitmap属性：



当ListBoxItem在Form Designer上被选中的时候你就可以在Object Inspector中选择Bitmap属性了。

给项目添加详信息

你可以给在ListBox组件上的每个列表项添加附件文本信息。

在ItemData.Detail属性中指定附加文本，然后通过StyleLookup属性来选择详细文本的位置，如下表格所示：



在代码中添加列表项给ListBox

要在ListBox中添加普通的项，你可以简单的调用Items.Add方法：

ListBox1.Items.Add('Text to add');

如果你想要创建不只一个简单项，或是控件其他属性，你可以先创建一个项目实例，然后将它添加到List Box中。

下面的代码添加项目到ListBox中，如下图所示：

procedure TForm40.FormCreate(Sender: TObject);
var
c: Char;
i: Integer;
Buffer: String;
ListBoxItem : TListBoxItem;
ListBoxGroupHeader : TListBoxGroupHeader;
begin
ListBox1.BeginUpdate;
for c := 'a' to 'z' do
begin
// Add header ('A' to 'Z') to the List
ListBoxGroupHeader := TListBoxGroupHeader.Create(ListBox1);
ListBoxGroupHeader.Text := UpperCase(c);
ListBox1.AddObject(ListBoxGroupHeader);

// Add items ('a', 'aa', 'aaa', 'b', 'bb', 'bbb', 'c', ...) to the list
for i := 1 to 3 do
begin
// StringOfChar returns a string with a specified number of repeating characters.
Buffer := StringOfChar(c, i);
// Simply add item
// ListBox1.Items.Add(Buffer);

// or, you can add items by creating an instance of TListBoxItem by yourself
ListBoxItem := TListBoxItem.Create(ListBox1);
ListBoxItem.Text := Buffer;
// (aNone=0, aMore=1, aDetail=2, aCheckmark=3)
ListBoxItem.ItemData.Accessory := TListBoxItemData.TAccessory(i);
ListBox1.AddObject(ListBoxItem);
end;
end;
ListBox1.EndUpdate;
end;

添加搜索框

你可以添加搜索框到ListBox中，使用搜索框，用户可以方便从很长的列表中定位到一个选项，如下图所示：





要在ListBox组件中添加搜索框，右击TListBox组件，从弹出菜单中选择Add Item>TSearchBox：





翻译的不好，请大家贱谅！

欢迎加入OrangeUI For FMX 技术支持QQ群10900297