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

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

时间:2023-03-21 10:12:56浏览次数:53  
标签:控件 文本 样式 双行 列表 ListView

一、前言

本篇教程,我们来讲一下常用的控件: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】-

标签:控件,文本,样式,双行,列表,ListView
From: https://www.cnblogs.com/lesliexin/p/17238681.html

相关文章

  • 界面控件DevExtreme的图表组件——一个高性能数据可视化组件
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能......
  • 【Unity3D】GUI控件
    1前言​Unity3D提供了GUI、NGUI、UGUI等图形系统,以增强玩家与游戏的交互性。GUI在编译时不能可视化,在运行时才能可视化。GUI代码需要在OnGUI函数中调用才能......
  • Python中列表和字典前加星号的原因!
    在Python中“*”十分常见,而且有单星*和双星**之分,不仅仅可以作为“乘”和“幂”的数值运算符,在列表、元组、字典的运算中也起到了至关重要的作用。那么Python中列表和字......
  • openpyxl读取excel返回列表套列表格式数据
    '''1.打开用例文件2.根据传参读取对应的sheet3.根据传参指定的列获取对应的用例数据-多列,通过*['标题','请请求']*args方式传递4.获取到的数据可以转字典的转成字典......
  • Android 关于列表ListView
    一、ListViewandroid-pulltorefresh一个强大的拉动刷新开源项目,支持各种控件下拉刷新,ListView、ViewPager、WebView、ExpandableListView、GridView、ScrollView、Horiz......
  • Vue3 + Swiper开发轮播列表组件
    Vue3+Swiper开发轮播列表组件前端开发中,轮播列表的场景并不少见,通常使用Vue+Swiper来实现,上手比较快。安装依赖直接执行npm命令npmiswiper组件编写Html模板......
  • 实现点击 WebView 中的图片,调用原生控件展示图片
    现在有很多时候,我们的App都进行了混合开发,而最简单,最常用的就是有些网页采用了WebView进行展示,这就需要我们了解和懂得如何实现WebView和JS进......
  • android stdio对于xml中列表的展示
    我们需要用到一个控件,ListView如果愿意深度学习,可以观看下方的文章。(11条消息)Android最常用的控件ListView(详解)_androidlistview_撩得Android一次心动的博客-CSDN博......
  • 使用双缓冲技术解决winform窗体控件卡顿(dataGridView加载数据缓慢)
    背景:在做C/S项目中,做好的窗体出现了页面加载控件缓慢,放大、缩小窗体之后,窗体加载卡顿,以及数据渲染缓慢。可以利用双缓冲技术去解决这个问题。那么什么是双缓冲?百度介绍:我们......
  • Android控件TextProgressBar进度条上显文字
    Android系统的进度条控件默认的设计的不是很周全,比如没有包含文字的显示,那么如何在Android进度条控件上显示文字呢?来自Google内部的代码来了解下,主......