Android_适配器(adapter)之BaseAdapter

BaseAdapter是应用最多的一种适配了。它是一个抽象类，需要重写方法完成自定义适配器的功能，这就比较自由灵活，能实现各种想要的效果。

之前讲到的SimpleAdapter和ArrayAdapter 就是它的子类。

下面介绍如何使用BaseAdapter实现自定义适配器。

基础知识点

使用BaseAdapter，只需继承它并实现下面4个方法即可：

public int getCount() //item的数目，即适配器要显示的数据项个数
public Object getItem(int position) //获取指定位置的数据项
public long getItemId(int position) //获取指定位置的数据项id
public View getView(int position, View convertView, ViewGroup parent) //获取每一项显示内容-view

下面通过简单示例，详细讲解BaseAdapter的使用以及注意事项

示例讲解

这次示例使用GridView作为显示组件。

布局文件，仅一个GridView的组件：base_adapter_act.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="match_parent">

    <GridView

        android:id="@+id/base_adapter_lv"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

</RelativeLayout>

文本资源，适配器填充的数据。和SimpleAdapter一样的：

<array name="anime_name">

        <item>海贼王</item>

        <item>进击的巨人</item>

        <item>火影忍者</item>

        <item>斩赤红之瞳</item>

        <item>秦时明月</item>

        <item>西游记</item>

        <item>葫芦娃</item>

    </array>

    <array name="anime_author">

        <item>尾田荣一郎</item>

        <item>谏山创</item>

        <item>岸本齐史</item>

        <item>タカヒロ</item>

        <item>玄机科技</item>

        <item>央视</item>

        <item>上海美术电影</item>

    </array>

每一项的布局文件：base_adapter_grid_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="wrap_content">

    <ImageView android:id="@+id/anime_cover_img"

        android:layout_width="match_parent"

        android:layout_margin="1dp"

        android:layout_height="100dp"

        android:scaleType="fitXY"/>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="35dp"

        android:orientation="vertical"

        android:layout_below="@id/anime_cover_img">

        <TextView

            android:id="@+id/anime_name_txt"

            android:layout_width="match_parent"

            android:layout_height="0dp"

            android:gravity="center"

            android:textStyle="bold"

            android:textSize="15sp"

            android:layout_weight="3"/>

        <TextView android:id="@+id/anime_author_txt"

            android:layout_width="match_parent"

            android:layout_height="0dp"

            android:gravity="center"

            android:textStyle="italic"

            android:layout_weight="2"

            android:textSize="10sp"/>

        <View

            android:layout_width="match_parent"

            android:layout_height="3dp" />

    </LinearLayout>

</RelativeLayout>

常识1：android:layout_weight分配的大小=（父控件大小-android:layout_width）*权重比例大小

如果android:layout_width的大小已经达到或超过父控件的大小，则android:layout_weight是会失效的。

BaseAdapterActivity.java, 适配器的使用，代码如下

package com.flx.adaptertest.baseadapter;

import android.app.Activity;

import android.content.res.Resources;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.widget.AdapterView;

import android.widget.CheckBox;

import android.widget.GridView;

import android.widget.ListView;

import android.widget.SimpleAdapter;

import com.flx.adaptertest.R;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

public class BaseAdapterActivity extends Activity {

    private static final String TAG = "BaseAdapterActivity";

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate( savedInstanceState );

        setContentView( R.layout.base_adapter_act );

        GridView gridView = findViewById(R.id.base_adapter_lv);

        gridView.setNumColumns(2);

        gridView.setOnItemClickListener( new AdapterView.OnItemClickListener() {

            @Override

            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                Log.d( TAG, "onItemClick: position="+ position + ";text=" + parent.getAdapter().getItem(position).toString());

            }

        } );

        List<AnimeBean> animeBeans = new ArrayList<>();

        Resources resources = this.getResources();

        String[] anime_names = resources.getStringArray( R.array.anime_name );

        String[] anime_authors = resources.getStringArray( R.array.anime_author );

        int[] coverImgs = {R.drawable.hzw1, R.drawable.jjdjr1, R.drawable.hyrz1,

                R.drawable.zchzt1, R.drawable.qsmy1, R.drawable.xyj1, R.drawable.hlw1};

        for (int i = 0; i < anime_names.length; i++) {

            animeBeans.add(new AnimeBean(anime_names[i], anime_authors[i], coverImgs[i]));

        }

        gridView.setAdapter( new AnimeAdapter(this, animeBeans) );

    }

}

这里创建了两个类，AnimeBean和AnimeAdapter。

AnimeBean是一个java bean类，数据以Bean类组织，其中主要是Getter和Setter的方法。适配器显示的每一项数据在一个AnimeBean对象中。

AnimeAdapter是继承BaseAdapter的自定义的适配器类，实现了上述讲到的4个方法。

AnimeBean.java

package com.flx.adaptertest.baseadapter;

import android.support.annotation.NonNull;

public class AnimeBean {

    private String mAnimeName;

    private String mAnimeAuthor;

    private int mAnimeCoverImg;

    public AnimeBean(String animeName, String animeAuthor, int animeCoverImg) {

        this.mAnimeName = animeName;

        this.mAnimeAuthor = animeAuthor;

        this.mAnimeCoverImg = animeCoverImg;

    }

    public String getmAnimeName() {

        return this.mAnimeName;

    }

    public void setmAnimeName(String animeName) {

        this.mAnimeName = animeName;

    }

    public String getmAnimeAuthor() {

        return this.mAnimeAuthor;

    }

    public void setmAnimeAuthor(String animeAuthor) {

        this.mAnimeAuthor = animeAuthor;

    }

    public int getmAnimeCoverImg() {

        return this.mAnimeCoverImg;

    }

    public void setmAnimeCoverImg(int animeCoverImg) {

        this.mAnimeCoverImg = animeCoverImg;

    }

    @NonNull

    @Override

    public String toString() {

        return "mAnimeName:"+mAnimeName+";mAnimeAuthor:"+mAnimeAuthor+";mAnimeCoverImg:"+mAnimeCoverImg;

    }

}

最后一个toString用户打印Bean里面数据的内容，在BaseAdapterActivity的适配器点击项监听处有调用。

AnimeAdapter.java

package com.flx.adaptertest.baseadapter;

import android.content.Context;

import android.util.Log;

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.flx.adaptertest.R;

import java.util.List;

public class AnimeAdapter extends BaseAdapter {

    private static final String TAG = "AnimeAdapter";

    private LayoutInflater mLayoutInflater;//布局加载器对象

    private List<AnimeBean> mAnimeBeans;//数据源

    //构造方法，包含了数据源和上下文。将数据和适配器关联起来了。

    public AnimeAdapter(Context context, List<AnimeBean> animeBeans) {

        mLayoutInflater =  LayoutInflater.from(context);

        mAnimeBeans = animeBeans;

    }

    //item的数目，即适配器要显示的数据项个数

    @Override

    public int getCount() {

        return mAnimeBeans != null ? mAnimeBeans.size() : 0;

    }

    //获取指定位置的数据项

    @Override

    public Object getItem(int position) {

        return mAnimeBeans != null ? mAnimeBeans.get(position) : null;

    }

    //获取指定位置的数据项id

    @Override

    public long getItemId(int position) {

        return position;

    }

    //获取每一项显示内容-view

    /**

     *方法3:

     * 这种方法改进了方法1和方法2的弊端，避免了每次都创建新的View对象和通过findViewById查找组件 而造成的耗时 耗资源的问题。

     * 创建View对象通过判空避免了:if (convertView == null)

     * findViewById()通过ViewHolder缓存下来了，通过setTag设置到View了，需要时可以直接获取到。

     */

    @Override

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

        ViewHolder viewHolder;

        //convertView是显示项的视图。为null时即表示未被实例化过，GridView缓存池中没有缓存

        Log.d( TAG, "getView: position=" + position +";convertView="+convertView );

        if (convertView == null) {

            convertView = mLayoutInflater.inflate( R.layout.base_adapter_grid_item, null );

            //创建ViewHolder对象，并赋值

            viewHolder = new ViewHolder();

            viewHolder.animeNameTxt = convertView.findViewById(R.id.anime_name_txt);

            viewHolder.animeAuthorTxt = convertView.findViewById(R.id.anime_author_txt);

            viewHolder.animeCoverImg = convertView.findViewById(R.id.anime_cover_img);

            //通过setTag，设置与convertView关联的标签ViewHolder，将convertView与ViewHolder关联

            convertView.setTag(viewHolder);

        } else {

            //从缓存中返回convertView设置的标签：ViewHolder

            viewHolder = (ViewHolder) convertView.getTag();

        }

        AnimeBean animeBean = mAnimeBeans.get(position);

        viewHolder.animeNameTxt.setText(animeBean.getmAnimeName());

        viewHolder.animeAuthorTxt.setText(animeBean.getmAnimeAuthor());

        viewHolder.animeCoverImg.setImageResource(animeBean.getmAnimeCoverImg());

        return convertView;

    }

    //缓存控件

    private class ViewHolder {

        public TextView animeNameTxt;

        public TextView animeAuthorTxt;

        public ImageView animeCoverImg;

    }

    /**

     * 方法1:

     * 这种方法的弊端在于:很明显，每次都会创建新的convertView对象，并通过findViewById查找对应组件。

     * 当数据项很大且比较复杂时问题很明显，耗时 耗资源

     * 没有使用GridView ListView的缓存机制。

     */

   /* @Override

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

        convertView = mLayoutInflater.inflate( R.layout.base_adapter_grid_item, null );

        TextView animeNameTxt = convertView.findViewById(R.id.anime_name_txt);

        TextView animeAuthorTxt = convertView.findViewById(R.id.anime_author_txt);

        ImageView animeCoverImg = convertView.findViewById(R.id.anime_cover_img);

        AnimeBean animeBean = mAnimeBeans.get(position);

        animeNameTxt.setText(animeBean.getmAnimeName());

        animeAuthorTxt.setText(animeBean.getmAnimeAuthor());

        animeCoverImg.setImageResource(animeBean.getmAnimeCoverImg());

        return convertView;

    }*/

    /**

     * 方法2:

     * 该方法时方法1的改进，使用了缓存机制。

     * 这种方法的弊端在于:每次都会通过findViewById（）去遍历视图树，当布局很复杂时就会很耗时

     */

    /*@Override

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

        if (convertView == null) {

            convertView = mLayoutInflater.inflate( R.layout.base_adapter_grid_item, null );

        }

        TextView animeNameTxt = convertView.findViewById(R.id.anime_name_txt);

        TextView animeAuthorTxt = convertView.findViewById(R.id.anime_author_txt);

        ImageView animeCoverImg = convertView.findViewById(R.id.anime_cover_img);

        AnimeBean animeBean = mAnimeBeans.get(position);

        animeNameTxt.setText(animeBean.getmAnimeName());

        animeAuthorTxt.setText(animeBean.getmAnimeAuthor());

        animeCoverImg.setImageResource(animeBean.getmAnimeCoverImg());

        return convertView;

    }*/

}

代码中注释做了详细说明，需要注意几点：

1.自定义的Adapter继承了BaseAdapter，需要实现最初讲到的4个方法。getCount()、getItem()、getItemId()都比较简单，注意getView()的实现。

2.GridView、ListView等是由缓存机制的，当需要显示的时候才会显示，不需要显示的时候在缓存池中。当要显示的信息过多，超过屏幕很多，滑出的信息和滑入的信息都是从缓存池中获取的，缓存池中的信息不会创建所有或马上销毁。（最后部分有将数据调整为1000后也能看出这一点）

3.上述代码中，getView()列出了3种方法，方法1、方法2有各自明显缺陷，方法3是一个比较好的方法很好的避免了每次都创建新的View对象和通过findViewById查找组件而造成的耗时耗资源的问题。具体请看上述代码和注释。

示例效果

下面是效果图

点击其中一项，log如下：

2019-11-27 14:36:33.949 4655-4655/? D/BaseAdapterActivity: onItemClick:

position=0;text=mAnimeName:海贼王;mAnimeAuthor:尾田荣一郎;mAnimeCoverImg:2131165272

要看下getView() 方法3的效果，可以将数据调整为1000组，可以在BaseAdapterActivity中做如下修改

//        for (int i = 0; i < anime_names.length; i++) {

//            animeBeans.add(new AnimeBean(anime_names[i], anime_authors[i], coverImgs[i]));

//        }

        for (int i = 0; i < 1000; i++) {

            int ii = i%anime_names.length;

            animeBeans.add(new AnimeBean(anime_names[ii], anime_authors[ii], coverImgs[ii]));

        }

后面大部分View是没有创建的，向下滑动才会逐步创建，如下的log，

滑动逐步显示后面的信息，后面信息都不需要每次创建View而是通过viewHolder = (ViewHolder) convertView.getTag()从缓存中获取来的，然后填充数据即可。

巴特西