(原创)【B4A】一步一步入门08:ListView,列表、单行、双行、双行带图片、列表项样式(控件篇04)

一、前言

本篇教程,我们来讲一下常用的控件:ListView(列表控件)。

目前官方已经不推荐使用默认的ListView控件,而是推荐另一款功能更强大的ListView:xCustomListView。不过ListView控件仍是自带的默认ListView,在使用上简单方便,多数时候是足够使用的。

相信看完的你,一定会有所收获!

本文地址:https://www.cnblogs.com/lesliexin/p/17238681.html


二、 属性

ListView与前面的控件不一样,属性项很少,只有一个之前没有介绍过的属性:FastScrollEnabled

FastScrollEnabled属性用于控制当列表中的行数过多,拖动列表是否显示快速滚动按钮。

未设置FastScrollEnabled时效果:

image

已设置FastScrollEnabled时效果:

image


三、事件

ListView有两个事件:ItemClick和ItemLongClick,分别在点击和长按残表项触发。

其事件有两个参数:Position和Value,分别表示当前点击项的序号和设置的值,具体的后文有讲解。


四、使用

ListView提供了几个常用的方法,可以方便的添加数据。

(一)单行文本

我们使用方法AddSingleLine,即可在列表中添加单行文本的列表项,参数Text即显示的内容。

image

需要注意的是,ListView同时还提供了AddSingleLine2方法,其仍是单选文本,但是第二个属性ReturnValue即是上面事件的第二个参数Value,这样可以为列表项添加额外的值,在事件时可以直接使用。

而在AddSingleLine中未设置Value的值,所以Value的值等于显示的文本内容。

1,AddSingleLine

代码:

image

效果:

image

2,AddSingleLine2

代码:

image

效果:

image

(二)双行文本

同理,我们使用方法AddTwoLines(AddTwoLines2)可以添加一个分为两行的列表项,参数Text即第一行内容,参数Text2即第二行文本。

代码:

image

效果:

image

(三)双行文本带图片

同理,我们使用方法AddTwoLinesAndBitmap(AddTwoLinesAndBitmap2)可以添加一个分为两行的且带图片的列表项,参数Text即第一行内容,参数Text2即第二行文本,参数Bitmap即显示的图标。

代码:

image

效果:

image


五、修改文本、图片显示样式

看了上面的示例,我们发现ListView虽然在使用上比较方便,但是在效果上却太过固定。下面我们来看一下如何修改默认的样式。

(一)修改文本样式

以双行列表为例,其内部是两个Label控件,所以我们只需要取到对应的Label控件,即可像标准的Label控件一样对其进行样式上的修改。

其两个Label在ListView中的命名是Label、SecondLabel。

我们以将两行文本都修改为斜体为例:

代码:

image

效果:

image

(二)修改图片样式

图片样式的修改原理同上,图片使用提ImageView控件,内部名称也是ImageVIew,我们取到后就可以去修改其样式。

我们以将图片宽度设置成与ListView控件等宽为例:

代码:

image

效果:

image


六、结语

本篇教程介绍了ListView(列表控件)的基本使用方法,以及基础样式的修改。

ListView胜在使用简单,而且样式也中规中矩,可以满足不少时候的需求。

感谢观看,欢迎大家一起学习,共同进步。


-【END】-

posted @ 2023-03-21 10:00  leslie_xin  阅读(956)  评论(3编辑  收藏  举报