请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

吾爱极客

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 2759|回复: 0

使用LiveBindings来填入ListView数据 (iOS and Android)

[复制链接]

271

主题

271

帖子

1139

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1139
发表于 2015-10-6 00:31:40 | 显示全部楼层 |阅读模式
本教程演示如何使用 LiveBindings 设计器 将来自包含样品数据的 TPrototypeBindSource 的数据填入 FireMonkeyListView 控件
本教程说明了怎样添加样品数据和怎样为了填入列表数据绑定原型源和列表视图控件。
和所有 LiveBinding一样, 这个教程不需要代码。然而为了创建一个有点用的应用,需要添加事件函数和其他代码。


第1步: 创建项目

1.    创建一个新的项目。本例子选择一个 Multi-DeviceApplication (跨设备应用)。 在向导中, 选择 Blank Application(空应用)。

wj1.jpg

2.   在工具模板中, 找到TListView 控件,拉一个到窗体。

3.   添加一个 TPrototypeBindSource 控件到窗体。

4.    在窗体上,选择ListView1 控件,然后在对象浏览器中,设置 Align 属性为Client 和 SearchVisible 属性为 True。
在窗体设计器里面设置StyleView 之前,窗体应该看起来像下面屏幕显示这样:

wj2.png


第2步: 添加字段

1.    右击 TPrototypeBindSource 控件选择 Add Field....

wj3.jpg

2.    在Add Field 对话框, 选择 ColorsNames 然后点击OK

wj4.png


第3步:创建LiveBindings

1.    打开 LiveBindings 设计器 (选择View >LiveBindingsDesigner), 拖放 TPrototypeBindSource 的ColorsName1 属性到ListView 的Item.Text 属性来绑定这些属性。

ListView 控件自动用原型数据控件的color names填入它的项目。

wj5.jpg


2.   设置 TListView.ItemAppearanceImageListItemRightButton, 如下:

>  选择ListView 控件使之获得焦点(在 结构视图,窗体设计器, 或对象浏览器)。

>  然后在对象浏览器中, 找到 ItemAppearance 属性修改它的值为ImageListItemRightButton

wj6.png

3.   给 TListView 文本按钮染色是可选项。执行以下:

>  选择ListView 控件使之获得焦点(在 结构视图,窗体设计器, 或对象浏览器)。

>  在结构视图里面, 位于ItemAppearance下面, 展开 Item 然后选择 TextButton

>  在对象浏览器中,找到 TintColor 属性将其值设置为合适值,例如Seagreen。

下图显示的是 结构视图和对象浏览器。 在结构视图中, Item 被展开, TextButton 被选中,在对象浏览器中, TintColor 设置为 Seagreen


wj7.png


: 在设计阶段, 应用到文本按钮的染色颜色可能不可见。要使改变可见,在Style选择器中选择Master视图来将当前窗体设计器风格改为Android 或 iOS。

到这里, 已经配置了 ListView 控件在项目文本的左边显示一个图像,和在项目文本右边显示一个按钮。

下一步,用样品数据填入图像和按钮。


第4步: 添加更多字段 (位图, 货币)

需要在添加两个字段来让列表视图控件显示关联每个列表项目的图像和按钮上的文本。

1.   右击 TPrototypeBindSource 控件,选择Add Field....

2.   在 Add Field 对话框, Ctrl+点击 来选择 BitmapsCurrency 字段数据。完成后点击OK

3.   进入 LiveBindings 设计器 执行以下操作:

     1)  连接原型源数据的Bitmap1 属性到列表视图控件的 Item.Bitmap 属性。

           这一步骤添加了一个按钮表示每个列表项目的颜色和数字,例如:蓝色 19.

     2) 连接原型源数据的 CurrencyField1 属性到列表视图控件的 Item.ButtonText 属性。

          这一步骤在位于每个列表项右边的按钮上面显示货币字段值。


wj8.jpg

现在列表视图显示每个列表项关联的颜色数据和在按钮上显示每个列表项关联的样品货币数据。


第5步: 添加onButtonClick 事件函数

为了创建一个有用的应用,你可以添加当点击ListView项目时执行的onButtonClick 事件函数。

要添加onButtonClick 事件函数

1.   在跨设备应用窗体, 选择ListView1 控件。

2.   在对象浏览器,打开 Events 栏, 双击 OnButtonClick

3.   在代码编辑器, 实现恰当的 OnButtonClick 事件函数。

下面添加到事件函数的例子代码,当点击ListView 项目时显示一个消息框:

Delphi:
procedure TForm1.ListView1ButtonClick(const Sender: TObject;
  const AItem: TListViewItem; const AObject: TListItemSimpleControl);
begin
   ShowMessage(AItem.Text + ' ' +AItem.ButtonText + ' is clicked.');
end;


C++Builder:
void __fastcall TForm1:istView1ButtonClick(TObject * const Sender,
       TListViewItem * const AItem, TListItemSimpleControl * const AObject) {
       ShowMessage(AItem->Text + " " + AItem->ButtonText + " is clicked.");
}


成果

为了看到移动应用在移动设备上面显示的的真实效果,需要配置好你的开发系统,在窗体设计器中设置视图为目标移动设备(例如iPhone 4")。然后你需要完成发布应用到目标移动设备需要的步骤。

之后你据可以在移动设备上面运行你的应用,方法是按 F9 或选择 Run > Run

iOS:
wj9.png
Android:
wj10.png


如果点击Blue 项, 应用显示下面消息框:

wj11.png



www.52jike.com 吾爱极客  ruanzhuo翻译整理,转载请注明出处

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|吾爱极客 ( 粤ICP备15067754号-1  

GMT+8, 2020-4-5 10:46 , Processed in 0.197650 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表