FireMonkey ListView 绑定数据显示多个图片

本文详细介绍了如何在Delphi中利用FireMonkey和LiveBindings实现在TListView上显示包含图片、文字等复杂内容的动态列表,包括如何通过设计模式添加动态元素,以及如何通过代码绑定图片索引和数据库数据。

概述

采用 Delphi 的 FireMonkey 框架,可以开发运行在 WINDOWS, Android, iOS 和 MacOS 上面的代码。其中一个比较常用的界面显示控件是 TListView。

如果数据是多条,来自数据库,或者来自多个对象的对象列表(TObjectList),采用 Delphi 的数据绑定功能(LiveBindings)可以让 ListView 显示来自数据的内容。

需求:

ListView 显示的多条内容,每一条,可以有一个图片,有段文字,等等。Delphi 提供了几种固定格式。但如果在一条里面,想要显示多个图片,怎么办?而且,这些图片,不想要复制拷贝图片,而是直接使用索引指向一个 ImageList 里面的图片。

实现:

在 Delphi IDE 里面,鼠标右键点 ListView1,下拉菜单,选择设计模式,使得 ListView1 进入设计模式。这个时候选择界面上 ListView1 的设计模式下的 Item,在 IDE 右上的【Structure】窗口里面,找到对应的 Item 项目,选中,左边的属性窗口里面,就是这个 Item 的属性,属性的第一条【Appearance】,下拉选择【DynamicAppearance】,这个 Item 就可以在设计期手动增加显示用的元素了,这个时候属性里面的最后一条显示的是【+】号和【Add new】,点击它最右边的下拉箭头,选择 TImageObjectAppearance 就可以增加一个图片元素到 Item 上面。

想要增加一条文字,也同样操作,选择 TTextObjectAppearance 就可以了。

这些设计期手动增加的界面元素,可以修改它的名字。默认的名字大概是 Text1, Image1 这样的。

如果想要用代码为这个图片元素赋值,可以找到对应的 Item 然后采用以下代码:

procedure TForm594.SpeedButton1Click(Sender: TObject);
var
  LIte
ModernListView (Berlin, Tokyo [with fix], Rio) 很好的Delphi Firemonkey控件,可用作Android、iOS、MacOS、Windows开发,比Delphi自带的listview更好用、功能更强大! ListView1.SetColorItemSelected(TAlphaColorRec.Orangered); ListView1.SetColorItemFill(TAlphaColorRec.Whitesmoke); ListView1.SetColorItemFillAlt(TAlphaColorRec.Lightgrey); ListView1.SetColorBackground(TAlphaColorRec.Whitesmoke); ListView1.SetColorItemSeparator(TAlphaColorRec.Red); ListView1.SetColorText(TAlphaColorRec.Darkmagenta); ListView1.SetColorTextSelected(TAlphaColorRec.Blueviolet); ListView1.SetColorTextDetail(TAlphaColorRec.Darksalmon); ListView1.SetColorHeader(TAlphaColorRec.Crimson); ListView1.SetColorTextHeader(TAlphaColorRec.Whitesmoke); ListView1.SetColorTextHeaderShadow(TAlphaColorRec.grey); ListView1.SetColorPullRefresh(TAlphaColorRec.Lime); ListView1.SetColorPullRefreshIndicator(TAlphaColorRec.Limegreen); ListView1.SetColorStretchGlow(TAlphaColorRec.Limegreen); Style for ListView Columns Mode ListView1.ShowScrollBar - hide/show scrollbar ListView1.ItemsClearTrue - correct delete items ListView1.OffsetTop - indent of the first element ListView1.OffsetBottom - indent of the last element ListView1.getFirstVisibleItemIndex - first visible ItemIndex ListView1.getVisibleCount - amount of visible items ListView1.getLastVisibleItemindex - first visible ItemIndex + amount of visible items ListView1.SeparatorLeftOffset - indent for separator line ListView1.SeparatorRightOffset - indent for separator line ListView1.EnableTouchAnimation - enable/disable touch animation
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值