Android擴充卡之BaseAdapter

1.BaseAdapter是什麼

        BaseAdapter是一種Adapter，在Android中，Adapter為擴充卡，可以建構資料源與視圖展示的橋梁，進而讓資料源與視圖展示互相關聯，同時又解除耦合。Adapter與資料源、視圖展示的關系如下。

     這其中，BaseAdapter是其中最有名的Adapter，提供了ListAdapter和SpinnerAdapter的接口，提供了适配多種視圖（Spinner,ListView,GridView）的接口。（詳見https://tool.oschina.net/uploads/apidocs/android/reference/android/widget/BaseAdapter.html）

2.如何用BaseAdapter

       BaseAdapter有四個接口：

（1）public int getCount(): 擴充卡中資料集（其實就是擷取的資料源）的資料個數；

（2）public Object getItem(int position): 擷取 資料集 中與索引對應的資料項；

（3）public long getItemId(int position): 擷取指定行對應的ID；

（4）public View getView(int position,View convertView,ViewGroup parent): 擷取每一行Item的顯示内容。

     其中，前3個接口都比較簡單，但第四個接口會重點實作。

    在實作時，資料源層一般使用Bean獲得資料的比對，視圖層采用xml檔案進行合理的檔案展示。而Adapter則進行了适配。

    視圖層如下（代碼參考了部分部落格的源代碼）：

     整個Activity布局：

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context="com.cbt.learnbaseadapter.MainActivity">

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

      View布局（本樣例用ListView）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/iv_image"
        android:src="@mipmap/ic_launcher"
        android:layout_width="60dp"
        android:layout_height="60dp"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_toEndOf="@id/iv_image"
        android:text="Title"
        android:gravity="center"
        android:textSize="25sp"/>

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/iv_image"
        android:layout_below="@id/tv_title"
        android:text="Content"
        android:textSize="20sp"/>
</RelativeLayout>
           

     資料源層的Bean如下：

public class ItemBean {
    public int itemImageResId;//圖像資源ID
    public String itemTitle;//标題
    public String itemContent;//内容

    public ItemBean(int itemImageResId, String itemTitle, String itemContent) {
        this.itemImageResId = itemImageResId;
        this.itemTitle = itemTitle;
        this.itemContent = itemContent;
    }
}
           

     建立BaseAdapter：

import android.content.Context;
import android.view.*;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;


public class BaseAdapterTest extends BaseAdapter{
    private List<ItemBean> mList;//資料源
    private LayoutInflater mInflater;//布局裝載器對象

    // 通過構造方法将資料源與資料擴充卡關聯起來
    // context:要使用目前的Adapter的界面對象
    public BaseAdapterTest(Context context, List<ItemBean> list) {
        mList = list;
        mInflater = LayoutInflater.from(context);
    }

    @Override
    //ListView需要顯示的資料數量
    public int getCount() {
        return mList.size();
    }

    @Override
    //指定的索引對應的資料項
    public Object getItem(int position) {
        return mList.get(position);
    }

    @Override
    //指定的索引對應的資料項ID
    public long getItemId(int position) {
        return position;
    }

    @Override
    //最關鍵的部分
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;

        //如果view未被執行個體化過，緩存池中沒有對應的緩存
        if (null == convertView) {
            viewHolder = new ViewHolder();
            // 由于我們隻需要将XML轉化為View，并不涉及到具體的布局，是以第二個參數通常設定為null
            convertView = mInflater.inflate(R.layout.item, null);

            //對viewHolder的屬性進行指派
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_image);
            viewHolder.title = (TextView) convertView.findViewById(R.id.tv_title);
            viewHolder.content = (TextView) convertView.findViewById(R.id.tv_content);

            //通過setTag将convertView與viewHolder關聯
            convertView.setTag(viewHolder);
        }else{
            //如果緩存池中有對應的view緩存，則直接通過getTag取出viewHolder
            viewHolder = (ViewHolder) convertView.getTag();
        }

        // 取出bean對象
        ItemBean bean = mList.get(position);

        // 設定控件的資料
        viewHolder.imageView.setImageResource(bean.itemImageResId);
        viewHolder.title.setText(bean.itemTitle);
        viewHolder.content.setText(bean.itemContent);

        return convertView;
    }

    // ViewHolder用于緩存控件，三個屬性分别對應item布局檔案的三個控件
    class ViewHolder{
    public ImageView imageView;
    public TextView title;
    public TextView content;
    }
}
           

     PS: 此處，用了一個嵌套類ViewHolder來實作緩存ListView等視圖層的資訊。

     設定Adapter，建立資料源與視圖展示層之間的關聯。

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;


public class MainActivityTest extends AppCompatActivity {
    ListView mListView ;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        List<ItemBean> itemBeanList = new ArrayList<>();

        for (int i = 0;i < 20; i ++){
            itemBeanList.add(new ItemBean(R.mipmap.ic_launcher, "标題" + i, "内容" + i));
        }

        mListView = (ListView) findViewById(R.id.lv_main);
        //設定ListView的資料擴充卡
        mListView.setAdapter(new BaseAdapterTest(this, itemBeanList));
    }
}
           

附上參考連結：

[1]https://www.cnblogs.com/endv/p/9774417.html

[2]https://tool.oschina.net/uploads/apidocs/android/reference/android/widget/BaseAdapter.html

[3]https://www.cnblogs.com/mandroid/archive/2011/04/05/2005525.html