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

吾爱极客

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 2741|回复: 0

使用LiveBindings来填入ListBox数据(iOS和Android)

[复制链接]

271

主题

271

帖子

1139

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1139
发表于 2015-10-14 00:47:42 | 显示全部楼层 |阅读模式
这个教程引导你走完在移动设备使用LiveBindings连接数据到FireMonkey ListBox 控件的全部步骤。


第1步: 创建项目

这个项目里,需要一个列表框, 一个矩形,还有原型绑定源。要添加这些控件,跟着下面步骤:

1.   选择:

    §  Delphi: File > New >Multi-DeviceApplication- Delphi

    §  C++: File > New >Multi-DeviceApplication- C++Builder

2.   在Tool Palette里选择 TListBox 控件,将它放到Form Designer。

3.   在Form Designer选择列表框控件, 在Object Inspector, 找到 DefaultItemStyles.ItemStyle属性。将其设置为 listboxitemrightdetail 风格。

1.png
4.   点击Form Designer的空白区域来取消选中列表框控件。

5.   在Tool Palette里选择TRectangle 控件将它放到 Form Designer。

6.   在Form Designer选中矩形控件, 在 Object Inspector, 设置 Align 属性为 Bottom.

7.   选择列表框控件,设置它的 Align 属性为 Client。

8.   现在从Tool Palette 拖放一个 TPrototypeBindSource 到窗体。

到这里,窗体应该类似下面iOS屏幕:
2.png
需要给TPrototypeBindSource 控件添加colorscolor names 的样品数据,目的是为了本教程的目标,为了连接到列表框和矩形。

1.   右击 TPrototypeBindSource 控件, 在弹出菜单中选择 Add Field

2.   从Field Data 列表里面选择AlphaColorsColorsNames ,并清除 Shuffle Values 检查框。

这个操作添加以字母顺序排列的数据 (alpha color values 和 names).

3.png
3.   点击OK 按钮是选择生效。现在样品数据已经可以通过LiveBindings使用了。


第2步: 创建LiveBindings

打开 LiveBindings Designer。 没有连接的图表类似下图:
4.png
1.   从PrototypeBindSource1 绑定 ColorsName1ListBox1Item.Text  。 (点击 ColorsName1 拖拉鼠标到 Item.Text.) 现在列表框显示所有原型绑定源的color name。

2.   从PrototypeBindSource1  绑定ColorsName1ListBox1ItemHeader.Text。 现在列表框还在头部显示所有原型绑定源的color names。

3.   在LiveBindings Designer,点击连接 ColorsName1ItemHeader.Text的绑定。

4.    在 Object Inspector, 找到 FillHeaderCustomFormat 属性,从下拉列表里选择SubString(%s, 0, 1) 绑定表达式。

到这里,列表框将所有color names 分组成按字母顺序的类别:

5.png
5.   从PrototypeBindSource1  绑定AlphaColor1ListBox1 Item.LookupData 。 这里确保选择的color name 也指向正确的 alpha color 值。

6.   从PrototypeBindSource1  绑定AlphaColor1ListBox1 Item.Detail。 这里确保alpha color 值出现在列表框项目的右边。

7.   在 LiveBindings Designer,点击Rectangle1  图块上的省略号按钮[...],然后在打开的对话框里,输入 Fill.Color。选中 Fill.color 检查框,点击 OK

6.png
8.   从Rectangle1  绑定Fill.ColorListBox1 SelectedValue。 这里确保矩形的颜色随着列表框中所选择项目不同而变化。

: 当尝试绑定 Fill.ColorSelectedValue 时, 会出现一个确认消息框,在消息框里选 Yes

在完成上面步骤之后, LiveBindings 图表类似下图:
7.png
你的应用现在可以在移动设备上运行了。


成果

要运行应用,按 F9 或选择 Run > Run.

当你选择一个列表框项目,举行的颜色会相应变化:

8.PNG


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

回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-4-5 10:56 , Processed in 0.234894 second(s), 33 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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