(原创)【B4A】一步一步入门08:ListView,列表、单行、双行、双行带图片、列表项样式(控件篇04)
一、前言
本篇教程,我们来讲一下常用的控件:ListView(列表控件)。
目前官方已经不推荐使用默认的ListView控件,而是推荐另一款功能更强大的ListView:xCustomListView。不过ListView控件仍是自带的默认ListView,在使用上简单方便,多数时候是足够使用的。
相信看完的你,一定会有所收获!
本文地址:https://www.cnblogs.com/lesliexin/p/17238681.html
二、 属性
ListView与前面的控件不一样,属性项很少,只有一个之前没有介绍过的属性:FastScrollEnabled
FastScrollEnabled属性用于控制当列表中的行数过多,拖动列表是否显示快速滚动按钮。
未设置FastScrollEnabled时效果:
已设置FastScrollEnabled时效果:
三、事件
ListView有两个事件:ItemClick和ItemLongClick,分别在点击和长按残表项触发。
其事件有两个参数:Position和Value,分别表示当前点击项的序号和设置的值,具体的后文有讲解。
四、使用
ListView提供了几个常用的方法,可以方便的添加数据。
(一)单行文本
我们使用方法AddSingleLine,即可在列表中添加单行文本的列表项,参数Text即显示的内容。
需要注意的是,ListView同时还提供了AddSingleLine2方法,其仍是单选文本,但是第二个属性ReturnValue即是上面事件的第二个参数Value,这样可以为列表项添加额外的值,在事件时可以直接使用。
而在AddSingleLine中未设置Value的值,所以Value的值等于显示的文本内容。
1,AddSingleLine
代码:
效果:
2,AddSingleLine2
代码:
效果:
(二)双行文本
同理,我们使用方法AddTwoLines(AddTwoLines2)可以添加一个分为两行的列表项,参数Text即第一行内容,参数Text2即第二行文本。
代码:
效果:
(三)双行文本带图片
同理,我们使用方法AddTwoLinesAndBitmap(AddTwoLinesAndBitmap2)可以添加一个分为两行的且带图片的列表项,参数Text即第一行内容,参数Text2即第二行文本,参数Bitmap即显示的图标。
代码:
效果:
五、修改文本、图片显示样式
看了上面的示例,我们发现ListView虽然在使用上比较方便,但是在效果上却太过固定。下面我们来看一下如何修改默认的样式。
(一)修改文本样式
以双行列表为例,其内部是两个Label控件,所以我们只需要取到对应的Label控件,即可像标准的Label控件一样对其进行样式上的修改。
其两个Label在ListView中的命名是Label、SecondLabel。
我们以将两行文本都修改为斜体为例:
代码:
效果:
(二)修改图片样式
图片样式的修改原理同上,图片使用提ImageView控件,内部名称也是ImageVIew,我们取到后就可以去修改其样式。
我们以将图片宽度设置成与ListView控件等宽为例:
代码:
效果:
六、结语
本篇教程介绍了ListView(列表控件)的基本使用方法,以及基础样式的修改。
ListView胜在使用简单,而且样式也中规中矩,可以满足不少时候的需求。
感谢观看,欢迎大家一起学习,共同进步。
-【END】-