ListView控件和Adapter

1.ListView组件的作用

ListView组件在android系统中的使用非常常见，通常用来帮助我们展示一些密集的数据，列表之类的，例如下图：

2.Adapter的作用

我们不能将数据直接放到ListView上展示出来，我们需要通过adapter在ListView之间做数据桥梁帮助我们将数据按照我们想要的方式展示到ListView控件上

2.1 android adapter的类图

我们在实际引用中常用的adapter有，ArrayAdapter，SimpleAdapter，SimpleCursorAdapter等

我们还可以通过继承BaseAdapter来实现一个自定义Adapter

3.adapter的使用

3.1 ArrayAdapter（数组适配器）

参数列表：

• 第一个参数：上下文环境。
• 第二个参数：指定每一个item（列表项）的样式，可以使用系统提供的，也可以自定义一个TextView（文本框）。
• 第三个参数：datas表示数据源

ArrayAdapter<Strings>  adapter = new ArrayAdapter<>(this,android.R.layout.simple_expandable_list_item_1,datas);

案例

MainAcitivity.java

package com.qiang.array_adapter;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity 
{
    private ListView listview;//定义ListView变量listview来获取布局文件中的ListView控件
    private String[] city = {"广州","深圳","北京","上海","香港","澳门"};//定义一个数组，作为数据源。
    private ArrayAdapter<String> arrayAdapter;//定义一个数组适配器变量
    @Override
    protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.activity_main);
     listview = (ListView)findViewById(R.id.listView);//获取布局文件中的ListView控件
     //创建数组适配器对象，并且通过参数设置类item（列表项）的布局样式和数据源 。       
     arrayAdapter = new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_expandable_list_item_1, city);
     //把数组适配器所携带的数据通过调用setAdapter()方法映射到ListView（列表视图）上
     listview.setAdapter(arrayAdapter);     
    }   
}

MainActivity.xml布局文件

<RelativeLayout 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" >
  
  <ListView
    android:id="@+id/listView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></ListView>
   
</RelativeLayout>

展示效果

3.2 SimpleAdapter的使用

参数解释：

• context：上下文参数
• data：数据源，一个list集合，集合里面的每个map对象都对应这listview控件上item
• resouce：ListView的item布局样式ID，这个通常我们都是自定一个布局文件，详情见下面案例
• from：string[]数组。该数组里面的每一项表示每个控件的内容，且要与第二个参数中存入map集合的key值一样，要一一对应。
• to：int[]数组，该数组里面的每一项表示第三个参数中item（列表项）里面每个控件样式的id。

案例

SimpleAdapter（简单适配器）一般把所携带的数据与图片通过调用setAdapter（）方法来映射到ListView（列表视图）上。如下逻辑编程文件MainActivity.java所示。

MainActivity.java

package cn.liuhao.listview_test;

import androidx.appcompat.app.AppCompatActivity;

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

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import cn.liuhao.listview_test.pojo.Car;

public class MainActivity extends AppCompatActivity {



    private ListView listview;//定义ListView变量listview来获取布局文件中的ListView控件
    // 声明一个simpleAdapter
    private SimpleAdapter simpleAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 绑定listview控件
        listview=this.findViewById(R.id.show_view);
        // 实例化adapter
        simpleAdapter=new SimpleAdapter(
                this,
                this.initCarsInfoForMap(),
                R.layout.list_item,
                new String[]{"name","city","pic_id"},
                new int[]{R.id.car_name,R.id.car_city,R.id.car_pic});
        // 将adapter绑定到listview上
        listview.setAdapter(simpleAdapter);
    }

    /**
     * 初始化车辆的信息
     */
    public List<Map<String,Object>> initCarsInfoForMap(){

        String[] names={"奔驰","宝马","标致","大众","凯迪拉克","兰博基尼","雷克萨斯","萨博","斯科达","荣威"};
        String[] citys={"德国","德国","法国","德国","美国","意大利","日本","瑞典","德国","中国上海"};
        int[] pic_ids={
                R.drawable.bc,
                R.drawable.bmw,
                R.drawable.bz,
                R.drawable.dz,
                R.drawable.kdlk,
                R.drawable.lbjn,
                R.drawable.lkss,
                R.drawable.sb,
                R.drawable.skd,
                R.drawable.rw};

        List<Map<String,Object>> cars= new ArrayList<>();

        for(int i=0;i<10;i++){
            Map<String,Object> item=new HashMap<>();
            item.put("name",names[i]);
            item.put("city",citys[i]);
            item.put("pic_id",pic_ids[i]);
            cars.add(item);
        }

        return cars;
    }
}

MainActivity.xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="1dp"
        android:layout_marginTop="1dp"
        android:layout_marginEnd="1dp"
        android:layout_marginBottom="1dp"
        android:orientation="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

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

    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

list_item.xml布局文件

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

    <ImageView
        android:id="@+id/car_pic"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_weight="1"
        tools:srcCompat="@tools:sample/avatars" />
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="car_name"
            android:layout_weight="1"
            android:textSize="18sp"
            android:id="@+id/car_name"></TextView>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="car_city"
            android:layout_weight="1"
            android:textSize="18sp"
            android:id="@+id/car_city"></TextView>

    </LinearLayout>

</LinearLayout>

车辆图标

结果

4.自定义 adapter

有时候，系统提供的适配器不能很好完成我们自己的需要，这个时候我们就可以自己实现一个符合我们需求的adapter

4.1 继承BaseAdapter实现自定义适配器

import android.widget.BaseAdapter;

public CustomAdapter extends BaseAdapter {
	
	// 获取数据的总数
	 @Override
    public int getCount() {
        return 0;
    }
	
	// 获取指定索引位的数据
    @Override
    public Object getItem(int position) {
        return null;
    }
	
	// 获取item的id
    @Override
    public long getItemId(int position) {
        return position;
    }
	
	// 渲染
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        return converView;
    }

}

4.2 案例

展示歌曲的信息的adapter

SongAdapter

package cn.liuhao.android_blog.util;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.bumptech.glide.Glide;
import com.loopj.android.http.AsyncHttpClient;
import com.loopj.android.http.BinaryHttpResponseHandler;
import com.loopj.android.http.RequestHandle;

import java.util.List;

import cn.liuhao.android_blog.R;
import cn.liuhao.android_blog.entity.Song;
import cz.msebera.android.httpclient.Header;
import lombok.AllArgsConstructor;
import lombok.Data;

/**
 * 专门用做歌曲的数据展示处理的adpater
 */
@Data
@AllArgsConstructor
public class SongAdpater extends BaseAdapter {

    private List<Song> songs;

    private Context context;

    @Override
    public int getCount() {
        return songs.size();
    }

    @Override
    public Object getItem(int position) {
        return songs.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder holder;
		
		// 复用convertView,在第一次展示时，系统会根据屏幕的高度与item的数量，创建一定的数量的convertView
		// 当滑动listView时，顶部的item会滑出屏幕，同时释放它所使用的convertView
		// 新的item进入展示，会再次创建convetview，如果有大量数据，会格外的消耗系统资源，
		// 使用固定数量的convertView可以避免这个资源消耗
        if (convertView == null) {
            convertView = LayoutInflater.from(context.getApplicationContext()).inflate(R.layout.item_01, parent, false);

            holder = new ViewHolder();
            holder.setTxt_song_title((TextView) convertView.findViewById(R.id.txt_song_title));
            holder.setTxt_song_author((TextView) convertView.findViewById(R.id.txt_song_author));
            holder.setSong_pic((ImageView) convertView.findViewById(R.id.song_pic));

            convertView.setTag(holder);

        } else {

            holder = (ViewHolder) convertView.getTag();
        }

        holder.getTxt_song_title().setText(songs.get(position).getTitle());
        holder.getTxt_song_author().setText(songs.get(position).getAuthor());

        return convertView;
    }

    @Data
    class ViewHolder {

        private TextView txt_song_title;
        private TextView txt_song_author;
        private ImageView song_pic;
    }

}

item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:orientation="horizontal"
    android:paddingLeft="10dp">

    <ImageView
        android:id="@+id/song_pic"
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:src="@drawable/loading"></ImageView>

    <LinearLayout
        android:layout_width="300dp"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/txt_song_title"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="song name"
            android:textAlignment="center"
            android:layout_gravity="center_vertical"></TextView>

        <TextView

            android:id="@+id/txt_song_author"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="song name"
            android:textAlignment="center"
            android:layout_gravity="center_vertical"></TextView>


    </LinearLayout>
</LinearLayout>

song实体类

package cn.liuhao.android_blog.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.ToString;

@Data
@NoArgsConstructor
@AllArgsConstructor
@ToString
public class Song {

    private String songid;
    private String author;
    private String pic;
    private String title;
    private String url;
    private String type;
    private String lyric;
    private String link;
}

效果图