概述

采用 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);
varLItem: TListViewItem;
beginLItem := ListViewl.Items[3];(LItem.Objects.FindDrawable('Image1') as TListItemImage).Bitmap := MyImage.Bitmap;
end;//备注：MyImage 是一个 TImage，我事先在里面加载了图片。

如果要让某一条 Item 的图片一个 ImageList 的序号显示对应图片，以下代码：

//备注：ListView1.Images := ImageList1;procedure TForm594.SpeedButton1Click(Sender: TObject);
varLItem: TListViewItem;
beginLItem := ListView1.Items[3];LItem.Data['Image1'] := 12; //12 是对应的图片在 ImageList1 里面的序号。
end;

如果采用 LiveBindings 的方法，设计期可视化绑定操作时，只需要把要绑定的对象的整数属性拉线到这个 Image1 元素上，它就可以显示对应的 ImageList1 里面的图片。

绑定到数据库的 DataSet 上，道理相同。

如何将一个对象列表绑定到 ListView 上面，请本博客的看上一篇文章。

FireMonkey ListView 绑定数据显示多个图片相关推荐

使用Gridview绑定数据库中的图片
注:此系列记录在我实际开发中遇到的问题和收藏一些技巧文章. 我们都知道,在Gridview中不能直接去绑定数据库中的图片,我们可以利用HttpHandler很容易的完成这个任务,在这里我记录一下这个过 ...
UWP ListView 绑定单击选中项颜色
UWP ListView 绑定单击选中项颜色 xaml <Pagex:Class="SuperTools.Views.BlankPage3"xmlns="ht ...
Android高级控件（一）——ListView绑定CheckBox实现全选，增加和删除等功能
Android高级控件(一)--ListView绑定CheckBox实现全选,增加和删除等功能这个控件还是挺复杂的,也是项目中应该算是比较常用的了,所以写了一个小Demo来讲讲,主要是自定义adap ...
C#中WPF ListView绑定数据的实例详解
C#中WPF ListView绑定数据的实例详解发布时间: 2019-03-09 19:29:46 来源: 互联网作者: 晨曦888 栏目: C#教程点击: 298 这篇文章主要介绍了C#中WP ...
分别使用ListView和RecylerView显示动物图片、名称以及简介信息
文章目录 RecylerView 放置界面控件创建Item界面编写页面交互代码 ListView 放置界面控件创建Item界面编写页面交互代码 RecylerView 放置界面控件放置一个R ...
Android ListView异步加载数据库图片
需求:从数据库中得到图片的byte数据,编码成png图片,显示到ListView上这里最大一个问题就是ListView滑动卡的问题,要解决卡,就需要用到异步加载数据库的图片: 原创博客,转载注明出处 ...
LIstview滑动时不加载图片，停止时加载！
//参照 http://blog.csdn.net/yy1300326388/article/details/45153813 public class CarWashDistanceAdapter ...
Android之 ListView滑动时不加载图片
listview加载图片优化的功能, 在我们使用新浪微博的时候,细心的同学一定发现了,在滑动的过程中,图片是没有被加载的, 而是在滑动停止时,才加载图片了. 我们今天就做一个这样的效果吧. 我们先考虑 ...
【转】Android android listview的HeadView左右切换图片（仿新浪，网易，百度等切换图片）...
首先我们还是看一些示例:(网易,新浪,百度) 下面我简单的介绍下实现方法:其实就是listview addHeaderView.只不过这个view是一个可以切换图片的view,至于这个vie ...
Android之ListView优化(使用Lrucache，图片滑动时使用默认图片，停止时加载)
注意:LruCache是有版本限制的,低版本的sdk需要在libs文件夹添加相应的support-4v文件. 本文改造的大部分是参考http://www.iteye.com/topic/1118828 ...

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

概述

需求：

实现：

FireMonkey ListView 绑定数据显示多个图片相关推荐

最新文章

热门文章