关于ListView的使用——从简单到深入

最新推荐文章于 2019-08-27 17:45:16 发布
最新推荐文章于 2019-08-27 17:45:16 发布
阅读量703 收藏
点赞数
分类专栏： android 文章标签： app listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jam96/article/details/53055134
版权

关于ListView的使用——从简单到深入

我们都知道listview是常用但又最难掌握的一个控件，因为几乎每个app都含有列表的存在，所以它是非常常用的，而它又非常复杂，包含内容对比起其他的控件多之又多。废话不多说，我先讲下我学习listview的一个 过程：

1.学会使用最简单的listview:ArrayAdapter+系统自带布局文件

对我而言，认为比较简单的listview是掌握其布局文件，以及学会使用简单的适配器，关于适配器的理解，我是这么觉得的：我们知道listview是一个列表形式，列表中每一项都是包含内容，而如何将这些内容添加到listview中呢？——其实就是通过适配器，也就是说适配器的作用就是讲数据添加到listview里面！
接下来我们就学习如何去使用它吧~~

a.首先我们要定义一个listview控件，这里我们只要添加个id即可。

<?xml version="1.0" encoding="utf-8"?>
<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="match_parent"
    android:orientation="vertical"
    tools:context="main.view.com.baselistview.MainActivity">
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</LinearLayout>

b.紧接着，我们在MainActivity中去实现listview：这里主要是采用了系统自带的一个布局文件

public class MainActivity extends AppCompatActivity {
    private ListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView= (ListView) findViewById(R.id.listView);
        //定义适配器
        ArrayAdapter mAdapter=new ArrayAdapter<>(this,R.layout.support_simple_spinner_dropdown_item,getData());
        //加载适配器
        listView.setAdapter(mAdapter);
    }
    private List<String> getData(){
        List<String> data=new ArrayList<>();
        for (int i=0;i<20;i++){
            data.add("这是第"+i+"条数据");
        }
        return data;
    }
}

2.listview的使用二——SimpleAdapter+自定义item

a.这种使用方法的话，除了在layout文件中定义listview之外，还有新建一个布局文件item.xml作为每一项的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_marginTop="20dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <ImageView
        android:id="@+id/image"
        android:layout_width="50dp"
        android:layout_height="50dp" />
    <TextView
        android:id="@+id/text"
        android:layout_marginLeft="20dp"
        android:layout_gravity="center_vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp" />
</LinearLayout>

b.在MainActivity中实现

public class MainActivity extends AppCompatActivity {
    private ListView listView;
    //定义数据
    String[] fruitName={"Apple","Banana","Cherry","Coco","Kiwi","Orange","Pear","Strawberry","Watermelon"};
    int [] fruitImage={R.mipmap.apple,R.mipmap.banana,R.mipmap.cherry,R.mipmap.coco,R.mipmap.kiwi,
            R.mipmap.orange,R.mipmap.pear,R.mipmap.strawberry,R.mipmap.watermelon};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView= (ListView) findViewById(R.id.listView);
        //定义适配器
        /*
        * 第一个参数为上下文，第二参数为我们定义的布局文件
        * 最后两个参数为map中的键值对，前者为自定义的一个标识，后者为对应的控件id
        * */
        SimpleAdapter mAdapter=new SimpleAdapter(this,getData(),R.layout.item,new String[]{"image","text"}
                ,new int[]{R.id.image,R.id.text});
        //加载适配器
        listView.setAdapter(mAdapter);
    }
    private List<Map<String,Object>> getData(){
        //这里要使用对象为map的list
        List<Map<String,Object>> data=new ArrayList<>();
        for (int i=0;i<fruitName.length;i++){
            //构建map对象，并添加数据
            Map<String,Object>map=new HashMap<>();
            map.put("image",fruitImage[i]);
            map.put("text",fruitName[i]);
            //再加载到定义的list中
            data.add(map);
        }
        return data;
    }
}

3.listView的使用三————自定义Adapter

a.自定义布局文件是延用上面的item.xml，就不再重复贴码了

b.首先自定义一个类Fruit，来存储数据内容等：

public class Fruit {
    //定义两个变量，分别用来存储文本和图片信息
    private String text;
    private int image;
    public Fruit(String text, int image) {
        this.text = text;
        this.image = image;
    }
    public String getText() {
        return text;
    }
    public int getImage() {
        return image;
    }
}

c.再定义一个类继承至ArrayAdapter,然后完成其相关内容：

public class MyAdapter extends ArrayAdapter<Fruit> {
    //定义一个资源文件，实为自定义的布局文件，方便后面的使用
    private int resourceId;
    public MyAdapter(Context context, int resource, List<Fruit> objects) {
        super(context, resource, objects);
        //赋值
        this.resourceId = resource;
    }
    //定义一个类来加载两个控件，来保存控件的实例化
    public class ViewHolder{
        ImageView imageView;
        TextView textView;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder=null;
        //convertView实际上为缓存的布局文件，所以如果convertView存在的话，我们直接使用即可
        if (convertView==null){
            //解析到传递过来的布局文件，resourceId为布局文件id
            convertView= LayoutInflater.from(getContext()).inflate(resourceId,null);
            viewHolder=new ViewHolder();
            viewHolder.imageView= (ImageView) convertView.findViewById(R.id.image);
            viewHolder.textView= (TextView) convertView.findViewById(R.id.text);
            //将布局保存在convertView中
            convertView.setTag(viewHolder);
        }else{
            //存在缓存，直接获取
            viewHolder= (ViewHolder) convertView.getTag();
        }
        //设置内容
        viewHolder.imageView.setImageResource(getItem(position).getImage());
        viewHolder.textView.setText(getItem(position).getText());
        return convertView;
    }
}

d.在MainActivity中使用：

public class MainActivity extends AppCompatActivity {
    private ListView listView;
    //定义数据
    String[] fruitName={"Apple","Banana","Cherry","Coco","Kiwi","Orange","Pear","Strawberry","Watermelon"};
    int [] fruitImage={R.mipmap.apple,R.mipmap.banana,R.mipmap.cherry,R.mipmap.coco,R.mipmap.kiwi,
            R.mipmap.orange,R.mipmap.pear,R.mipmap.strawberry,R.mipmap.watermelon};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView= (ListView) findViewById(R.id.listView);
        //设置为自定义的适配器
        MyAdapter mAdapter=new MyAdapter(this,R.layout.item,getData());
        //加载适配器
        listView.setAdapter(mAdapter);
    }
    private List<Fruit> getData(){
        //这里要使用对象为map的list
        List<Fruit> data=new ArrayList<>();
        for (int i=0;i<fruitName.length;i++){
            //直接将数据添加到自定义对象中
            Fruit fruit=new Fruit(fruitName[i],fruitImage[i]);
            data.add(fruit);
        }
        return data;
    }
}

e.实现效果：

这里写图片描述

4.ListView的扩展知识

a.xml布局文件中的一些属性：

//表示为设置分割线高度为10dp
android:dividerHeight="10dp"
//表示为设置分割线颜色为白色
android:divider="#fff"
//设置无分割线
android:divider="@null"
//设置无滚动条
android:scrollbars="none"
//取消listview的点击效果，设置为透明色即可
android:listSelector="@android:color/transparent"

//设置空数据时加载一个布局，如果获取到数据，则布局将取消
//定义的布局
<ImageView
        android:src="@mipmap/ic_launcher"
        android:id="@+id/emptyImage"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
//在Java文件中，使用listview去使用：
listview.setEmptyView(findViewById(R.id.emptyImage));

b.扩展练习二：实现listview模拟聊天：

(1)定义listview控件，并设置属性为无分割线，取消点击效果
<?xml version="1.0" encoding="utf-8"?>
<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="match_parent"
    android:orientation="vertical"
    tools:context="main.view.com.chatlistview.MainActivity">
    <ListView
        android:layout_marginTop="20dp"
        android:listSelector="@android:color/transparent"
        android:divider="@null"
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</LinearLayout>
(2)创建左边的布局文件left_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:layout_height="80dp"
    android:orientation="horizontal">
    <ImageView
        android:layout_marginLeft="20dp"
        android:id="@+id/left_image"
        android:layout_width="40dp"
        android:layout_height="40dp" />
    <TextView
        android:layout_marginLeft="10dp"
        android:id="@+id/left_text"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_gravity="center_vertical"
        android:layout_weight="1"
        android:textSize="25sp" />
</LinearLayout>
(3)创建右边布局文件right_item.xml文件：注意这里是采用相对布局， 因为我们知道右边布局应该是从右边开始显示
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="80dp">
    <ImageView
        android:layout_marginRight="20dp"
        android:layout_alignParentRight="true"
        android:id="@+id/right_image"
        android:layout_width="40dp"
        android:layout_height="40dp" />
    <TextView
        android:layout_marginRight="10dp"
        android:layout_toLeftOf="@id/right_image"
        android:layout_gravity="center_vertical"
        android:textSize="25sp"
        android:id="@+id/right_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>
(4)创建一个Bean类作为储存相关数据：
public class Bean {
    private int type;//用来判断是左边布局还是右边布局
    private String text;//显示聊天内容
    private Bitmap bitmap;//显示头像
    public Bean(int type,String text,Bitmap bitmap){
        this.type=type;
        this.text=text;
        this.bitmap=bitmap;
    }
    public int getType() {
        return type;
    }
    public String getText() {
        return text;
    }
    public void setText(String text) {
        this.text = text;
    }
    public Bitmap getBitmap() {
        return bitmap;
    }
    public void setBitmap(Bitmap bitmap) {
        this.bitmap = bitmap;
    }
}
(5)自定义一个适配器，用来加载数据：主要区别是用getViewType来获取判断是左边布局还是右边布局：
public class ChatAdapter extends BaseAdapter {
    private List<Bean> mData;//储存相关数据
    private LayoutInflater mInflater;//布局文件解析器
    public ChatAdapter(List<Bean> mData, Context context) {
        this.mData = mData;
        this.mInflater = LayoutInflater.from(context);//获取到传入的布局文件
    }
    @Override
    public long getItemId(int position) {
        return position;
    }
    @Override
    public int getCount() {
        return mData.size();
    }
    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }
    public class ViewHolder{
        public TextView textView;
        public ImageView imageView;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder=null;
        if (convertView==null){
            viewHolder=new ViewHolder();
            //其他内容跟上面的自定义适配器基本是一致的，主要是这里需要判断，以加载对应的布局文件
            if (getItemViewType(position)==0){
                //加载左边布局
                convertView=mInflater.inflate(R.layout.left_item,null);
                viewHolder.imageView= (ImageView) convertView.findViewById(R.id.left_image);
                viewHolder.textView= (TextView) convertView.findViewById(R.id.left_text);
            }else{
                //加载右边布局
                convertView=mInflater.inflate(R.layout.right_item,null);
                viewHolder.imageView= (ImageView) convertView.findViewById(R.id.right_image);
                viewHolder.textView= (TextView) convertView.findViewById(R.id.right_text);
            }
            convertView.setTag(viewHolder);
        }else{
            viewHolder= (ViewHolder) convertView.getTag();
        }
        //设置空间的内容
        viewHolder.imageView.setImageBitmap(mData.get(position).getBitmap());
        viewHolder.textView.setText(mData.get(position).getText());
        return convertView;
    }
    @Override
    public int getItemViewType(int position) {
        return mData.get(position).getType();
    }
    @Override
    public int getViewTypeCount() {
        return 2;
    }
}
(6)最后在MainActivity中使用适配器，并测试
public class MainActivity extends AppCompatActivity {
    private ListView listView;
    private List<Bean> mList=new ArrayList<>();//定义list用来储存数据
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        listView= (ListView) findViewById(R.id.listView);
        //自定义数据
        for (int i=0;i<20;i++){
            Bitmap bitmap;
            Bean bean;
            if (i%2==0){
                //因为我们定义的图片对象为bitmap，所以这里需要根据图像id创建一个bitmap
                bitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.curry);
                bean=new Bean(0,"这是左边的第"+i+"个数据",bitmap);
                //添加到list中
                mList.add(bean);
            }else{
                bitmap=BitmapFactory.decodeResource(getResources(),R.mipmap.wife);
                bean=new Bean(1,"这是右边的第"+i+"个数据",bitmap);
                mList.add(bean);
            }
        }
        //创建适配器
        ChatAdapter mAdapter=new ChatAdapter(mList,this);
        //绑定适配器
        listView.setAdapter(mAdapter);
    }
}
(6)实现效果：

这里写图片描述

jam96
关注
专栏目录
ListView
卑微程序猿的野心和梦想
01-02 1250
安卓MVP设计模式ListView MVP设计模式 类似Javaweb中的MVC，model view controller ListView 菜鸟教程???? 纯文字的滑动列表 public class MainActivity extends Activity { //Model:模型层，即数据源（使用集合来存储） private ArrayList<String> mDataList; //View：视图层，即滑动列表 private
ListView使用总结
热门推荐
茅屋
05-19 1万+
ListView使用总结虽然随着RecyclerView的不断普及，相应的资源也越来越多，许多的项目都在使用RecyclerView，但作为他的前辈ListView，加深对ListView的使用有助于我们更好的适应到RecyclerView的使用中。首先看一下我们实现的效果一些简单效果这只是前面的一些简单效果，后面会有一些进阶的效果，希望能耐心的看下去。ListView的优化ListView的优化主
关于Listview的使用
tom2jerry的博客
09-16 199
Listview的简单使用心得： 标题的建立：             this.listView1.Columns.Add("变量名称", 120, HorizontalAlignment.Left); //一步添加               this.listView1.Columns.Add("变量地址", 120, HorizontalAlignment.Left); //一步添加 ...
关于ListView
qq_16404309的专栏
04-27 271
ListView属性: scrollbars:   滚动条状态 divider : 分割线颜色 dividerHeight: 分割线高度
关于listview
浮生若梦
11-04 754
1、listview 设置stackFromBottom="true" 这个属性以后，item会从底
Android源码——listView学习源码.zip
10-08
在Android开发中，ListView是一个非常重要的组件，...通过实践和研究，开发者不仅能掌握ListView的基本使用，还能深入了解Android系统的视图绘制机制和内存管理策略，从而编写出更高效、更符合用户体验的Android应用。
安卓Android源码——listView学习源码.zip
10-14
这份"安卓Android源码——listView学习源码.zip"压缩包提供了学习ListView的源码，非常适合开发者深入理解ListView的工作原理和实现方式。在这个源码分析中，我们将探讨ListView的关键特性、工作流程以及如何自定义...
安卓Android源码——listview适配器优化重用.zip
10-11
在安卓开发中，ListView是广泛使用的控件，用于展示大量数据列表。然而，不恰当的使用和优化会导致性能问题，如滚动卡顿。本资料主要关注Android ListView的适配器优化，尤其是重用机制，以提升用户体验。我们将深入...
Android源码——ListView反弹效果源码_new_10.zip
10-08
本资源“Android源码——ListView反弹效果源码_new_10.zip”提供了ListView的一个特殊功能——反弹效果（Pull to Refresh）的实现源码。这种效果通常用于下拉刷新列表，当用户上滑ListView到顶部时，会看到一个如同...
关于listView，我想说的
MBlog
11-15 275
导读listView在android中是很重要的控件，也是菜鸟view入门的一个很好的台阶。通过它可以了解view的滑动，观察者模式，缓存，生产者消费者模式，已经listView特有的view复用机制等等。个人比较遗憾的是，接触listView已经很久了，但一直没有真的理解（可能直接里结果，但现在忘记了）。 通过最近这个项目，重新接触了listView，在项目中也遇到了一些问题，犯了一些错，相信这
Android ListView的理解（一）
小小青叶
10-31 3921
一、概述         这部分主要是讲解ListView在初始时，即setAdapter之后，如何将Adapter中取得的view添加到ListView中，主要涉及到几个方法：         layoutChildren，fillFromTop，fillDown / fillUp，makeAndAddView，obtainView，setupChild； 二、讲解         la
关于ListView的总结
_檬小呆的博客
04-27 3637
关于ListView网上也有许多的介绍，我选了一些结合到了一起，仅供参考。 在android开发中ListView是比较常用的组件  官方API地址：http://www.android-doc.com/reference/android/widget/ListView.html 1．ListVeiw 用来展示列表的View。 2．适配器 用来把数据映射到ListView上的中
ListView详细介绍与使用
sydMobile专栏
08-27 9890
前言介绍： 关于 ListView 我们大家都应该是非常的熟悉了，在 Android 开发中是经常用到的，今天就再来回顾一下，ListView 的使用方法，和一些需要优化注意的地方，还有日常开发过程中的一些小技巧和经验。 ListView 简介 ListView 是 Android 系统为我们提供的一种列表显示的一种控件，使用它可以用来显示我们常见的列表形式。继承自抽象类 AdapterView...
关于ListView的显示问题
qq_34439784的博客
07-13 334
List> data = getMenuData(); list=(ListView)findViewById(R.id.diary_info_list); productAdapter=new SimpleAdapter(this, data, R.layout.journal_list,  new String[] { "title", "main" }, new int[]{R.i
Android ListView深度解析与实战
"ListView详解——Android开发中的列表组件解析" 在Android开发中，ListView是一个非常重要的控件，它用于展示以列表形式排列的数据。ListView的主要功能是动态地根据数据集的大小来显示内容，使得用户可以滚动浏览...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值