Android学习之ListView的使用

最新推荐文章于 2021-04-21 22:19:31 发布
最新推荐文章于 2021-04-21 22:19:31 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： Android 文章标签： android 移动开发 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c529283955/article/details/104118474
版权

ListView是Android中最常用的控件之一，虽然现在推荐使用RecycleView，但是作为初学者还是有必要了解ListView的基本用法的。

ListView的简单用法

简单地在ListView中单一显示文本还是比较简单的，首先在activity_main.xml中添加

	<ListView
	        android:id="@+id/list_view"
	        android:layout_width="match_parent"
	        android:layout_height="match_parent">
	</ListView>

在MainActivity.java中准备好String[]数据用于展示，创建String类型的适配器并传入数据data。再调用findViewById(int id)方法获取listView实例，并为这个listView实例设置适配器

	private	String[] data={"Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry","Mango","Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry","Mango"};
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	    super.onCreate(savedInstanceState);
	    setContentView(R.layout.activity_main);
	    ArrayAdapter<String> adapter=new ArrayAdapter<>(MainActivity.this,android.R.layout.simple_list_item_1,data);
	    ListView listView=findViewById(R.id.list_view);
	    listView.setAdapter(adapter);
	}

单纯只有文本显示有点乏味，我们可以为ListView自定义View，为每个文本增加图片显示

带图标的ListView

首先创建一个我们自己的类，名为MyItem

package com.example.listviewdemo;

public class MyItem {
    private String name;
    private int imageId;
    public MyItem(String name, int imageId){
        this.name=name;
        this.imageId=imageId;
    }

    public String getName(){
        return name;
    }
    public int getImageId(){
        return imageId;
    }
}

再为每一个item创建独立的layout文件，myitem.xml（不可出现大写），其中ImageView限制了图片的尺寸

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/item_image"
        android:layout_width="64dp"
        android:layout_height="64dp">
    </ImageView>

    <TextView
        android:id="@+id/item_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp">
    </TextView>
    
</LinearLayout>

随后，为我们自定义的类创建一个独特的适配器，重写其中的getView()方法。创建类MyItemAdapter.java

package com.example.listviewdemo;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

import java.util.List;

public class MyItemAdapter extends ArrayAdapter<MyItem> {
    private int resourceId;

    /**
     * 将上下文、ListView子项布局的id和数据传递进来
     * @param context 上下文
     * @param textViewResourceId 每一个item使用的布局文件id
     * @param objects 数据
     */
    public MyItemAdapter(Context context, int textViewResourceId, List<MyItem> objects){
        super(context,textViewResourceId,objects);
        resourceId=textViewResourceId;
    }
    /**
     * 每个子项被滚动到屏幕内时会被调用
     * @param position item的position
     * @param convertView
     * @param parent
     * @return
     */
    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        //获取当前item实例
        MyItem myItem = getItem(position);
        //使用LayoutInflater为这个子项加载传入的布局
        //第三个参数为false表示只让我们在父布局中声明的layout属性生效，但不为这个View添加父布局
        //因为一旦View有了父布局，它就不能再添加到ListView中了
        View view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
        //调用View的findViewById方法分别获取到ImageView和TextView的实例
        ImageView itemImage = view.findViewById(R.id.item_image);
        TextView itemName = view.findViewById(R.id.item_name);
        //分别调用方法来设置显示的图片和文字
        itemImage.setImageResource(myItem.getImageId());
        itemName.setText(myItem.getName());
        //最后将布局返回，这样自定义适配器就完成了
        return view;
    }
}

修改我们的MainActivity.java文件，方法与普通ListView类似

package com.example.listviewdemo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private String[] data={"Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry","Mango","Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry","Mango"};
    private List<MyItem> myItemList =new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        /*ArrayAdapter<String> adapter=new ArrayAdapter<>(MainActivity.this,android.R.layout.simple_list_item_1,data);
        ListView listView=findViewById(R.id.list_view);
        listView.setAdapter(adapter);*/
        initItem();
        MyItemAdapter myItemAdapter = new MyItemAdapter(MainActivity.this,R.layout.myitem, myItemList);
        ListView listView = findViewById(R.id.list_view);
        listView.setAdapter(myItemAdapter);
    }
    private void initItem(){
        for (int i = 0; i < 30; i++) {
            MyItem item1=new MyItem("item1",R.drawable.icon);
            myItemList.add(item1);
            MyItem item2=new MyItem("item2",R.drawable.java);
            myItemList.add(item2);
        }
    }
}
效果

由此可见，我们只要修改myitem.xml，就能定制各种复杂的界面
但是呢，这么写还是不够完美，因为getView方法每次都将布局重新加载了一遍

修改我们的getView方法

	/**
     * 每个子项被滚动到屏幕内时会被调用
     * @param position item的position
     * @param convertView 
     * @param parent
     * @return
     */
    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        //获取当前item实例
        MyItem myItem = getItem(position);
        //若convertView不等于null，则直接传入，避免重复获取自定义布局
        View view;
        if(convertView==null){
            view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
        }else{
            view = convertView;
        }
        //调用View的findViewById方法分别获取到ImageView和TextView的实例
        ImageView itemImage = view.findViewById(R.id.item_image);
        TextView itemName = view.findViewById(R.id.item_name);
        //分别调用方法来设置显示的图片和文字
        itemImage.setImageResource(myItem.getImageId());
        itemName.setText(myItem.getName());
        //最后将布局返回，这样自定义适配器就完成了
        return view;
    }

如此修改，直接重用了convertView，避免了重复加载布局，大大提高了ListView的运行效率，在快速滚动的时候会体现出更好的性能。但是这段代码仍然可以继续优化，比如在getView方法中仍然会重复findViewById来获取实例，因此我们可以借助一个ViewHolder来进行优化
创建ViewHolder内部类用于存储单个item其自身的ImageView和TextView，代码如下

package com.example.listviewdemo;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

public class MyItemAdapter extends ArrayAdapter<MyItem> {
    private int resourceId;
	class ViewHolder{
        ImageView itemImage;
        TextView itemName;
    }
    /**
     * 将上下文、ListView子项布局的id和数据传递进来
     * @param context 上下文
     * @param textViewResourceId 每一个item使用的布局文件id
     * @param objects 数据
     */
    public MyItemAdapter(Context context, int textViewResourceId, List<MyItem> objects){
        super(context,textViewResourceId,objects);
        resourceId=textViewResourceId;
    }
    /**
     * 每个子项被滚动到屏幕内时会被调用
     * @param position item的position
     * @param convertView
     * @param parent
     * @return
     */
    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        //获取当前item实例
        MyItem myItem = getItem(position);
        //若convertView不等于null，则直接传入，避免重复获取自定义布局
        View view;
        ViewHolder viewHolder;
        if(convertView==null){
            //第一次加载
            view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.itemImage=view.findViewById(R.id.item_image);
            viewHolder.itemName=view.findViewById(R.id.item_name);
            //将viewHolder存储在View中
            view.setTag(viewHolder);
        }else{
            view = convertView;
            //重新获取ViewHolder，当中要强转
            viewHolder=(ViewHolder) view.getTag();
        }
        //调用View的findViewById方法分别获取到ImageView和TextView的实例
        //分别调用方法来设置显示的图片和文字
        viewHolder.itemImage.setImageResource(myItem.getImageId());
        viewHolder.itemName.setText(myItem.getName());
        //最后将布局返回，这样自定义适配器就完成了
        return view;
    }
}

经过上述两步的优化之后，ListView滚动 已经变得十分丝滑，运行效率上升不少。

为ListView添加项目点击事件

修改MainActivity.java中的代码

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initItem();
        MyItemAdapter myItemAdapter = new MyItemAdapter(MainActivity.this,R.layout.myitem, myItemList);
        final ListView listView = findViewById(R.id.list_view);
        listView.setAdapter(myItemAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                MyItem item=myItemList.get(position);
                Toast.makeText(MainActivity.this,item.getName(),Toast.LENGTH_SHORT).show();
            }
        });
    }
效果展示

ListView的一些常用属性

分割线

设置颜色必须配合设置高度使用！
部分颜色码参考：https://www.jianshu.com/p/ef2ef0f35cf9

android:dividerHeight="1dp" <!-- 设置分割线高度 或者调用listView.setDividerHeight(0);
android:divider="#00000000" <!--设置分割线颜色 注意，必须要同时设置好分割线高度，否则不显示
android:divider="@drawable/listView_driver" <!--设置分割线的图片资源
android:divider="@drawable/@null" <!--不显示分割线
滚动条
android:scrollbars="none"	<!--隐藏listView的滚动条，或listView.setVerticalScrollBarEnabled(true);
android:fadeScrollbars="true" <!--设置为true可以实现滚动条的自动隐藏和显示
快速滚动条
android:fastScrollEnabled="true"

或者调用方法listView.setFastScrollEnabled(true)来控制启用，参数为false则隐藏

背景图设置
android:background="@drawable/background"
缓冲颜色

如果发现ListView在滚动的过程中，item会变黑，则在xml中指定属性

android:cacheColorHint="#00000000" <!-- 指定缓冲颜色为透明色

部分资料参考自《第一行代码》作者：郭霖
由于本人才疏学浅，所以本文仅用于记录及分享相关用法，并将持续更新更多的用法

霜降z-
关注
专栏目录
android种listview使用方法,ListView 使用详解
weixin_39738667的博客
05-26 1699
和您一起终身学习，这里是程序员Android本篇文章主要介绍 Android 开发中的部分知识点，通过阅读本篇文章，您将收获以下内容:一、ListView 简介二、ListView 常用属性三、ListView主要使用方法如下四、使用android:entries 为ListView准备数据五、使用List 为ListView 准备数据六、ListView 添加头，尾，空布局实现七、使用Simpl...
android listView 单选 功能
11-10
listView 单选功能 点击后 条目后有对钩显示
Android中ListView的用法
11-09
演示了安卓中ArrayAdapter数组适配器和SimpleAdapter简单适配器的用法
android 中 ListView 用法
weixin_34029680的博客
06-12 102
在android开发中ListView是比较常常使用的组件，它以列表的形式展示详细内容，并且能够依据数据的长度自适应显示。抽出时间把对ListView的使用做了整理，并写了个小例子，例如以下图。  列表的显示须要三个元素： 1．ListVeiw 用来展示列表的View。 2．适配器 用来把数据映射到ListView上的中介。 3．数据    详细的将被映射的字符串，图片，或者基本组件。...
android中ListView的用法
qq_46274532的博客
04-21 82
android中ListView的用法 文章极好 保存一下 https://www.cnblogs.com/mark5/p/12906882.html
安卓中ListView的用法
Dreamj1991的博客
07-26 515
1，作用是ArrayList和 ListView的桥梁。这个ArrayList里边的每一项都是一个Map类型。       ArrayList当中的每一项 Map对象都和ListView里边的每一项进行数据绑定一一对应。        2，SimpleAdapter的构造函数： SimpleAdapter(Context  context, List>  data, int resour
Android学习笔记之ListView复用机制详解
08-31
虽然Android 5.0后推出了RecycleView作为ListView的替代品，它提供了更强大的视图复用和模块化功能，但理解ListView的复用机制仍然是必要的，因为很多现有应用仍使用ListView，而且理解其工作原理有助于更好地理解和...
AndroidStudio 4.2.2 ListView 使用示例
最新发布
10-24
本文将深入探讨在Android Studio 4.2.2版本中如何有效地使用ListView，提供一个简单且详细的使用示例。 首先，我们需要了解ListView的基本结构。ListView是由Adapter驱动的，Adapter是连接数据源和视图的桥梁。在...
Android源码——listView学习源码.zip
10-08
此外，学习ListView源码还能帮助开发者解决实际开发中遇到的问题，比如优化性能、处理滑动冲突、实现下拉刷新和上拉加载等功能。通过对源码的分析，我们可以了解到ListView是如何调度View的绘制和测量，以及如何处理...
android listView用法
晨曦的专栏
11-20 1403
android listView用来显示一个一个的列表 论坛的帖子就可以用它来实现，列表菜单，等等 废话就不多说了，直接上图： 2、布局代码 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/too
android ListView用法
08-04 259
由于google doc 很多人都打不开，故更新了源码下载地址 【源码下载】----2011-01-18 　　在android开发中ListView是比较常用的组件，它以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。抽空把对ListView的使用做了整理，并写了个小例子，如下图。  列表的显示需要三个元素： 1．ListVeiw 用来展示列表的View。 2．适配器 用来把
android ListView用法
千里之行，始于足下
07-19 2911
listview.xml： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertica
android 中ListView的用法
欧阳天涵的专栏
06-28 2766
1. 更新ListView中的數據,通過調用BaseAdapter對象的notifyDataSetChanged()方法：      mAdapter.notifyDataSetChanged();2. 每個listview都有無效的位置,如第一行的前一行,最後一行的後一行,這個無效的位置是一個常量.     ListView.INVALID_POSITION3. 有時我們需要
Android 安卓listview用法
小游
12-06 185
本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问 反正一定要新建一个布局（这里我不多说） 然后我们可以设置Adapt函数 ublic class KeyAdapt extends BaseAdapter { private Context mcontext; public KeyAdapt(Context context){ mcontext=context; } @Override public int getCount() {.
Android ListView用法
叶上初阳_285557的博客
11-17 1065
ListView 用法 ListView用于将数据展示为一个列表，常用于显示通讯消息，用处较为广泛 用ListView展示水果 创建一个fruit_item.xml用来动态加载布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android listview 用法
wangjun5159的专栏
06-28 1048
ListViewListView是android常用组件,常用于显示一堆数据，类似web ui中的datatable。ListView展示数据的步骤 定义item布局 定义数据源 将item布局和数据源放入适配器 将适配器与listview关联 最简单的listview item布局文件，这里我们使用android自带的布局文件，android.R.layout.simple_list_item_1
android listView一般用法
lxslove的专栏
10-22 670
<br />ListView是比较常用的控件，但一直都觉得创建ListView步骤有点繁琐，故在此总结一下，方便查阅。<br />程序效果是实现一个ListView,ListView里面有标题，内容和图片，并加入点击和长按响应。<br /> <br /><br /> <br /> <br /><br /> <br />首先在xml里面定义一个ListView<br /> Xml代码 <?xml version="1.0" encoding="utf-8"?>  <LinearLayout        an
安卓ListView的用法
qq_38939691的博客
11-21 720
ListView 列表视图是android中最常用的一种视图组件，它以垂直列表的形式列出需要显示的列表项。在android中有两种方法向屏幕中添加列表视图：一种是直接使用ListView组件创建；另外一种是让Activity继承ListActivity实现。下面分别介绍这两种方法： 一、直接使用ListView组件创建 在布局文件中首先添加ListView 代码 <?xml version=...
Android学习笔记：进度条与ListView详解
"这篇Android学习笔记主要探讨了Android系统中常用的两种进度条控件——ProgressBar，包括其使用方法和XML布局属性。同时提到了ListView，它是Android开发中用于展示大量数据列表的重要组件。" 在Android应用开发中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值