Android 控件 —— ListView

article/2025/9/26 6:28:16

ListView 的简单用法

在布局中加入 ListView 控件还算简单，先为 ListView 指定一个 id，然后将宽度和高度都设置为 match_parent，这样 ListView 就占满了整个布局的空间

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><ListViewandroid:id="@+id/listView"android:layout_width="match_parent"android:layout_height="match_parent" /></LinearLayout>

接下来修改 MainActivity 中的代码

class MainActivity : AppCompatActivity() {private val data = listOf("Apple", "Banana", "Orange", "Watermelon","Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango","Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape","Pineapple", "Strawberry", "Cherry", "Mango")override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data)listView.adapter = adapter}
}

先将数据准备好，然后借助适配器将数据传递给 ListView。ArrayAdapter 是 Android 提供的一种适配器的实现类，可以通过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入。在 ArrayAdapter 的构造函数中依次传入 Activity 的实例、ListView 子项布局的 id、数据源，这里我们使用了 android.R.layout.simple_list_item_1 作为 ListView 子项布局的 id，这是一个 Android 内置的布局文件，里面只有一个 TextView，可用于简单地显式一段文本。最后，调用 ListView 的 setAdapter() 方法，将构建好的适配器对象传递进去，这样 ListView 和数据之间的关联就建立完成了

在这里插入图片描述


定制 ListView 的界面

只能显示一段文本的 ListView 实在太单调了，我们现在希望定制 ListView 的界面，让它能显示文本和图片

在需要 ListView 的子项指定一个我们自定义的布局，在 layout 目录下新建 fruit_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="60dp"><ImageViewandroid:id="@+id/fruitImage"android:layout_width="40dp"android:layout_height="40dp"android:layout_gravity="center_vertical"android:layout_marginLeft="10dp"tools:ignore="ContentDescription,RtlHardcoded" /><TextViewandroid:id="@+id/fruitName"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginLeft="10dp"tools:ignore="RtlHardcoded" /></LinearLayout>

定义一个实体类，作为 ListView 适配器的适配类型

class FruitAdapter(activity: Activity, val resourceId: Int, data: List<Fruit>) :ArrayAdapter<Fruit>(activity, resourceId, data) {@SuppressLint("ViewHolder")override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {val view = LayoutInflater.from(context).inflate(resourceId, parent, false)val fruitImage: ImageView = view.findViewById(R.id.fruitImage)val fruitName: TextView = view.findViewById(R.id.fruitName)val fruit = getItem(position)if (fruit != null) {fruitImage.setImageResource(fruit.imageId)fruitName.text = fruit.name}return view}
}

FruitAdapter 类继承自 ArrayAdapter，并泛型指定为 Fruit 类，重写 getView() 方法。在 getView() 方法中，首先使用 LayoutInflater 来为这个子项加载我们传入的布局，再调用 View 的 findViewById() 方法分别获取 ImageView 和 TextView，然后通过 getItem() 方法得到当前项的 Fruit 实例，设置显示的图片和文字，最后将布局返回

最后修改 MainActivity 中的代码

class MainActivity : AppCompatActivity() {private val fruitList = ArrayList<Fruit>()private val data = listOf("Apple", "Banana", "Orange", "Watermelon","Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango","Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape","Pineapple", "Strawberry", "Cherry", "Mango")override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)initFruits()val adapter = FruitAdapter(this, R.layout.fruit_item, fruitList)listView.adapter = adapter}private fun initFruits() {repeat(2) {fruitList.add(Fruit("Apple", R.drawable.apple_pic))fruitList.add(Fruit("Banana", R.drawable.banana_pic))fruitList.add(Fruit("Orange", R.drawable.orange_pic))fruitList.add(Fruit("Watermelon", R.drawable.watermelon_pic))fruitList.add(Fruit("Pear", R.drawable.pear_pic))fruitList.add(Fruit("Grape", R.drawable.grape_pic))fruitList.add(Fruit("Pineapple", R.drawable.pineapple_pic))fruitList.add(Fruit("Strawberry", R.drawable.strawberry_pic))fruitList.add(Fruit("Cherry", R.drawable.cherry_pic))fruitList.add(Fruit("Mango", R.drawable.mango_pic))}}
}

在这里插入图片描述


提升 ListView 的运行效率

getView() 方法中还有一个 convertView 参数，这个参数用于将之前加载好的布局进行缓存，以便之后进行重用，我们可以借助这个参数进行性能优化

class FruitAdapter(activity: Activity, val resourceId: Int, data: List<Fruit>) :ArrayAdapter<Fruit>(activity, resourceId, data) {@SuppressLint("ViewHolder")override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {val view: Viewif (convertView == null) {view = LayoutInflater.from(context).inflate(resourceId, parent, false)} else {view = convertView}val fruitImage: ImageView = view.findViewById(R.id.fruitImage)val fruitName: TextView = view.findViewById(R.id.fruitName)val fruit = getItem(position)if (fruit != null) {fruitImage.setImageResource(fruit.imageId)fruitName.text = fruit.name}return view}
}

我们在 getView() 方法中进行了判断：如果 convertView 为 null，则使用 LayoutInflater 去加载布局；如果不为 null，则直接对 convertView 进行重用

目前代码还可以继续优化，每次在 getView() 方法中仍然会调用 View 的 findViewById 方法去获取一次控件的实例，我们可以借助一个 ViewHolder 来对这部分性能进行优化，修改 FruitAdapter 中的代码

class FruitAdapter(activity: Activity, val resourceId: Int, data: List<Fruit>) :ArrayAdapter<Fruit>(activity, resourceId, data) {inner class ViewHolder(val fruitImage: ImageView, val fruitName: TextView)@SuppressLint("ViewHolder")override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {val view: Viewval viewHolder: ViewHolderif (convertView == null) {view = LayoutInflater.from(context).inflate(resourceId, parent, false)val fruitImage: ImageView = view.findViewById(R.id.fruitImage)val fruitName: TextView = view.findViewById(R.id.fruitName)viewHolder = ViewHolder(fruitImage, fruitName)view.tag = viewHolder} else {view = convertViewviewHolder = view.tag as ViewHolder}val fruit = getItem(position)if (fruit != null) {viewHolder.fruitImage.setImageResource(fruit.imageId)viewHolder.fruitName.text = fruit.name}return view}
}

我们新增一个内部类 ViewHolder，用于对 ImageView 和 TextView 的控件实例进行缓存。当 convertView 为 null 时，创建一个 ViewHolder 对象，并将控件的实例存放在 ViewHolder 里，然后调用 View 的 setTag() 方法，将 ViewHolder 对象存储在 View 中


ListView 的点击事件

ListView 的滚动毕竟只是满足我们视觉上的效果，因此本节学习 ListView 如何才能响应用户的点击事件

class MainActivity : AppCompatActivity() {private val fruitList = ArrayList<Fruit>()...override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)initFruits()val adapter = FruitAdapter(this, R.layout.fruit_item, fruitList)listView.adapter = adapter/*val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data)*//*listView.adapter = adapter*/listView.setOnItemClickListener {parent, view, position, id ->val fruit = fruitList[position]Toast.makeText(this, fruit.name, Toast.LENGTH_SHORT).show()}}
}


http://chatgpt.dhexx.cn/article/Ia8xjRgC.shtml

相关文章

ListView 组件

ListView 组件

简介&#xff1a; ListView是最常用的可滚动组件之一 有三种构建方式&#xff1a; ListViewListView.builderListView.separated 主要参数说明&#xff1a; scrollDirection: Axis.horizontal 水平列表Axis.vertical 垂直列表 padding: 内边距 resolve: 组件反向排序 childr…
阅读更多...
4.ListView

4.ListView

ListView 文章目录 ListView一、什么是ListView二、ListView入门1.ListView核心类2.代码编写步骤 三、ListView优化四、把复杂界面(通过xml文件实现)显示到ListView上1.View的静态方法2.获取LayoutInflater对象 五、SimpleAdapter & ArrayAdapter的使用1.ArrayAdapter2.Sim…
阅读更多...
ListView及ListAdapter详解

ListView及ListAdapter详解

ListView及ListAdapter详解 一、AdapterView 1. 简介 An AdapterView is a view whose children are determined by an Adapter. 简单地说就是其子视图是由适配器决定的视图组件 2. 子类 ListViewGridViewSpinnerGallery3. 常用方法 //功能：获取list中指定位置item get…
阅读更多...
qt listview

qt listview

运行图 .h #ifndef WIDGET_H #define WIDGET_H#include <QWidget>#include <QStringListModel> #include <QModelIndex>namespace Ui { class Widget; }class Widget : public QWidget {Q_OBJECTpublic:explicit Widget(QWidget *parent 0);~Widget();pri…
阅读更多...
flutter 之 ListView的使用与详解 map for listview.builder 的使用

flutter 之 ListView的使用与详解 map for listview.builder 的使用

1.ListView 配合ListTile 实现新闻列表样式 ListView(children: <Widget>[ListTile(title: const Text(我是 title),subtitle: const Text(我是 sub_title),leading: Image.asset(images/c.png,fit: BoxFit.cover,),trailing: const Icon(Icons.chevron_right,size: 22,…
阅读更多...
android ListView

android ListView

android ListView几个比较特别的属性 由于这两天在做listView的东西&#xff0c;所以整理出来一些我个人认为比较特别的属性&#xff0c;通过设置这样的属性可以做出更加美观的列表 首先是stackFromBottom属性&#xff0c;这只该属性之后你做好的列表就会显示你列表的最下面&am…
阅读更多...
ListView使用总结

ListView使用总结

ListView使用总结 虽然随着RecyclerView的不断普及&#xff0c;相应的资源也越来越多&#xff0c;许多的项目都在使用RecyclerView&#xff0c;但作为他的前辈ListView&#xff0c;加深对ListView的使用有助于我们更好的适应到RecyclerView的使用中。 首先看一下我们实现的效…
阅读更多...
Android有关ListView嵌套ListView的一些问题

Android有关ListView嵌套ListView的一些问题

本人在做评论回复功能的时候&#xff0c;查阅到ListView结合Adapter适配器具有以列表的形式 展示具体数据内容&#xff0c;并且能够根据数据的长度自适应屏幕显示的功能&#xff0c;因此打算在ListView中嵌套ListView完成点击事件后弹出输入框再输入数据后在下方显示回复内容&a…
阅读更多...
ListView详解0

ListView详解0

ListView常用方法总结 1、listview拖动变黑解决方法 在Android中&#xff0c;ListView是最常用的一个控件&#xff0c;在做UI设计的时候&#xff0c;很多人希望能够改变一下它的背景&#xff0c;使他能够符合整体的UI设计&#xff0c;改变背景背很简单只需要准备一张图片然后指…
阅读更多...
C# ListView 的用法

C# ListView 的用法

ListView 是一种多列的列表视图控件&#xff0c;可以用于展示多个数据项及其相关信息。ListView 控件提供了丰富的属性和事件&#xff0c;可以用于实现各种各样的表格视图&#xff0c;包括带有单元格编辑、排序和分组等功能。 下面我们通过几个示例来演示如何使用 ListView 控…
阅读更多...
Qt ListView使用

Qt ListView使用

概述 Qt中ListView加载数据一般有两种方式&#xff0c;一种是直接qml文件中model直接定义并且放置数据&#xff0c;一种是C代码中定义Model&#xff0c;再setContextProperty的方式暴露给qml域。 步骤 &#xff08;1&#xff09;qml界面 import QtQuick 2.0 import QtQui…
阅读更多...
Android控件listview ListView的用法

Android控件listview ListView的用法

在Android开发中&#xff0c;ListView是一个比较常用的控件&#xff0c;它以列表的形式展示数据内容&#xff0c;并且能够根据列表的高度自适应屏幕显示。ListView的样式是由属性决定的&#xff0c;它的常用属性如下所示 android:listSelector 点击后改变背景颜色 android:divi…
阅读更多...
Android之ListView实现

Android之ListView实现

ListView 用来显示多个可滑动项&#xff08;Item&#xff09;列表的ViewGroup。 需要使用Adapter&#xff08;适配器&#xff09;将集合数据和每一个Item所对应的布局动态适配到ListView中显示 显示列表&#xff1a;listView.setAdapter(adapter) Adapter ArrayAdapter&#xf…
阅读更多...
ListView使用方法

ListView使用方法

ListView使用方法总结 - 直接使用ListView组件创建列表 - 通过Activity继承ListActivity创建 - 定制ListView界面 直接使用ListView组件创建列表 通过数组资源文件指定列表项 先在XML布局文件中添加ListView标志&#xff0c;设置好相关属性&#xff1b;在values下创建数组资…
阅读更多...
Android—— ListView 的简单用法及定制ListView界面

Android—— ListView 的简单用法及定制ListView界面

一、ListView的简单用法 2. 训练目标 1) 掌握 ListView 控件的使用 2) 掌握 Adapter 桥梁的作用 实现步骤&#xff1a; 1&#xff09;首先新建一个项目&#xff0c; 并让ADT 自动帮我们创建好活动。然后修改activity_main.xml 中的代码&#xff0c;如下所示&#xff1a; &…
阅读更多...
QT listView学习

QT listView学习

文章目录 listViewdemo说明demo演示model定义委托 QStyledItemDelegate总结 listView listView 对比 tableView 、 treeView来说&#xff0c;最大的不同就是数据结构的不同。treeView是像树一样的层次结构&#xff0c;而listView则就是像链表一样的结构 跟之前的treeView&…
阅读更多...
还在用ListView？

还在用ListView？

还在用Lisview&#xff1f;RecyclerView都已经出来一年多了&#xff01; 想必大家多或多或少的接触过或者了解过RecyclerView&#xff0c;为什么没有用起来&#xff0c;原因大概如下&#xff1f; ListView我用的挺好的&#xff0c;为什么要换RecyclerView&#xff1f;ListView…
阅读更多...
ListView用法

ListView用法

ListView是用于显示数据的&#xff0c;先在窗体中拉一个lisview控件&#xff0c;还有一些新增、修改、删除、查询按钮和文本框&#xff0c;控件名称为listview,按钮为btnInsert,btnUpate,btnDeleteOne,btnDelete,btnSelect,文本框的名称为txtName,txtSex,txtPhone,txtAddress,设…
阅读更多...
ListView的基础用法

ListView的基础用法

最近学到ListView和RecyclerView&#xff0c;感觉有点难理解&#xff0c;于是自己找到了篇文章&#xff0c;感觉写的挺详细的&#xff08;文章链接在文末&#xff09;&#xff0c;然后自己再整理敲了跑了一遍&#xff0c;总结了一下&#xff0c;方便自己以后回头温习。 一个Li…
阅读更多...
Android(14) ArrayAdapter（数组适配器）的三种方法

Android(14) ArrayAdapter（数组适配器）的三种方法

ArrayAdapter数组适配器用于绑定格式单一的数据&#xff0c;数据源可以是集合或者数组 列表视图(ListView)以垂直的形式列出需要显示的列表项。 实现过程&#xff1a;新建适配器->添加数据源到适配器->视图加载适配器 第一种&#xff1a;直接用ListView组件创建 列表…
阅读更多...
推荐文章

Copyright @ 2022~2023