快捷導(dǎo)航

Android入門之實現(xiàn)自定義可復(fù)用的BaseAdapter

更新時間：2022年11月15日 16:13:50 作者：TGITCIC

這篇文章主要為大家詳細(xì)介紹了Android如何構(gòu)建一個可復(fù)用的自定義BaseAdapter，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)Android有一定的幫助，需要的可以參考一下

介紹

今天給大家講一下如何構(gòu)建一個可復(fù)用的自定義BaseAdapter，我們每次涉及到ListView GridView等其他的Adapter控件，都需要自己另外寫一個BaseAdapter類，這樣顯得非常麻煩，又譬如，我們想在一個界面顯示兩個ListView的話，我們也是需要些兩個BaseAdapter... 這，程序員都是喜歡偷懶的哈，今我們就來寫一個可復(fù)用的自定義BaseAdapter類。

同時，我們使用Android里的高級控件-GridView來作為我們本次的課程樣例。

課程目標(biāo)

我們課程目標(biāo)就是實現(xiàn)一個可以復(fù)用的Adapter，它帶有一個ImageView一個TextView。

然后把它套在一個一行三列的GridView里使用。

根據(jù)上幾天的課程我們已經(jīng)熟練了Adapter的使用。因此我們首先先做項目結(jié)構(gòu)的設(shè)計。

項目結(jié)構(gòu)設(shè)計

UI端的設(shè)計

Android的開發(fā)我發(fā)覺歷年的指導(dǎo)開發(fā)學(xué)習(xí)的過程有一個特性，它和后臺、微服務(wù)的開發(fā)其實是一個思路。即：先設(shè)計模型（DB、MONGO、REDIS）、數(shù)據(jù)流存取再做代碼設(shè)計才能往往想得更周到。此處的UI指的就是我們的布局、界面長什么。根據(jù)布局、界面長什么樣，然后倒推我們的后端代碼，往往更容易入門、入手。

因此我才把UI端的設(shè)計要提前是為了便于初學(xué)者可以從一個感性到理性認(rèn)知的思維過程更順利而設(shè)計。

帶有GridView布局的activity_main.xml

這是一個一行三列布局的Grid

<?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"
    android:padding="5dp"
    tools:context=".MainActivity">
 
    <!--numColumns設(shè)置每行顯示多少個-->
    <GridView
        android:id="@+id/gridPhoto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="3" />
 
</RelativeLayout>

帶有GridView里顯示明顯控件的item_list.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"
    android:padding="5dp">
 
    <ImageView
        android:id="@+id/iconImg"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:layout_centerInParent="true"
        android:src="@drawable/icon_1_128"
        />
 
    <TextView
        android:id="@+id/iconText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/iconImg"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"
        android:text="text"
        android:textSize="18sp"
        />
 
</RelativeLayout>

可復(fù)用的Adapter的代碼設(shè)計

我們使用我們一慣的風(fēng)格，先用邏輯性的語言來描述這個類的設(shè)計。各位一定要養(yǎng)成這樣的一個習(xí)慣，即OOP編程它本身就是用代碼來實現(xiàn)現(xiàn)實世界事物用的。因此在現(xiàn)實世界可以用邏輯、抽象、總結(jié)后的事物再去用OOP語言實現(xiàn)往往來得更直觀、更友好、可讀性更好。

這個Adapter因為是可復(fù)用的，因此我們把它定義成Abstract，當(dāng)然它也是extends自BaseAdapter；
這個類需要可以接受通用的業(yè)務(wù)（View)Bean，因此它必須可以支持傳入泛型即<T>；
這個類需要可以接受各種控件，我們知道其實Adapter的inflate渲染函數(shù)傳入的控件是控件的ID，如何獲取控件的ID我們也已經(jīng)知道了，它是一個int值；
由于這個可復(fù)用的Adapter需要一個個對傳入的控件做處理，因此這個Adapter的getItem(int position)就不能再像前幾章所講的那樣return null了，而是要return data.get(position)；
在getView方法內(nèi)由于我們傳入的控件為“調(diào)用端”去“客制”，因此我們在這個getView內(nèi)原本寫死的viewHolder.控件.set屬性（屬性值）的控制權(quán)要放給到調(diào)
用端，因此我們在getView里做一個“匈牙利勾子”寫法，即設(shè)一個bindView方法，同時把這個bindView做成abstract方法；

下面我們來看這個Abstract類的完整寫法

可復(fù)用的Adapter-GenericAdapter

package org.mk.android.demogreidview;
 
import android.content.Context;
import android.util.Log;
import android.util.SparseArray;
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 java.util.ArrayList;
import java.util.List;
 
public abstract class GenericAdapter <T> extends BaseAdapter {
    private List<T> data;
    private int layoutRes;
 
    public GenericAdapter() {
    }
 
    public GenericAdapter(List<T> data, int layoutRes) {
        this.data = data;
        this.layoutRes = layoutRes;
    }
 
    @Override
    public int getCount() {
        Log.i("app",">>>>>>data.size: "+data.size());
        if(data!=null) {
            return data.size();
        }
        return 0;
    }
 
    @Override
    public T getItem(int position) {
        return data.get(position);
    }
 
    @Override
    public long getItemId(int position) {
        return position;
    }
 
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Log.i("app",">>>>>>into getView");
        ViewHolder holder = ViewHolder.bind(parent.getContext(), convertView, parent, layoutRes
                , position);
        bindView(holder, getItem(position));
        return holder.getItemView();
    }
 
    //添加一個元素
    public void add(T item) {
        if (data == null) {
            data = new ArrayList<>();
        }
        data.add(item);
        notifyDataSetChanged();
    }
 
    //往特定位置，添加一個元素
    public void add(int position,T item){
        if (data == null) {
            data = new ArrayList<>();
        }
        data.add(position, item);
        notifyDataSetChanged();
    }
 
    public void remove(T item) {
        if(data != null) {
            data.remove(item);
        }
        notifyDataSetChanged();
    }
 
    public void remove(int position) {
        if(data != null) {
            data.remove(position);
        }
        notifyDataSetChanged();
    }
 
    public void clear() {
        if(data != null) {
            data.clear();
        }
        notifyDataSetChanged();
    }
 
    public abstract void bindView(ViewHolder holder, T obj);
 
    public static class ViewHolder {
 
        private SparseArray<View> mViews;   //存儲ListView 的 item中的View
        private View item;                  //存放convertView
        private int position;               //游標(biāo)
        private Context context;            //Context上下文
 
        //構(gòu)造方法，完成相關(guān)初始化
        private ViewHolder(Context context, ViewGroup parent, int layoutRes) {
            mViews = new SparseArray<>();
            this.context = context;
            View convertView = LayoutInflater.from(context).inflate(layoutRes, parent,false);
            convertView.setTag(this);
            item = convertView;
        }
        public static ViewHolder bind(Context context, View convertView, ViewGroup parent,
                                      int layoutRes, int position) {
            ViewHolder holder;
            if(convertView == null) {
                holder = new ViewHolder(context, parent, layoutRes);
            } else {
                holder = (ViewHolder) convertView.getTag();
                holder.item = convertView;
            }
            holder.position = position;
            return holder;
        }
        public <T extends View> T getView(int id) {
            T t = (T) mViews.get(id);
            if(t == null) {
                t = (T) item.findViewById(id);
                mViews.put(id, t);
            }
            return t;
        }
        /**
         * 獲取當(dāng)前條目
         */
        public View getItemView() {
            return item;
        }
 
        /**
         * 獲取條目位置
         */
        public int getItemPosition() {
            return position;
        }
 
        /**
         * 設(shè)置文字
         */
        public ViewHolder setText(int id, CharSequence text) {
            View view = getView(id);
            if(view instanceof TextView) {
                ((TextView) view).setText(text);
            }
            return this;
        }
 
        /**
         * 設(shè)置圖片
         */
        public ViewHolder setImageResource(int id, int drawableRes) {
            View view = getView(id);
            if(view instanceof ImageView) {
                ((ImageView) view).setImageResource(drawableRes);
            } else {
                view.setBackgroundResource(drawableRes);
            }
            return this;
        }
 
        /**
         * 設(shè)置標(biāo)簽
         */
        public ViewHolder setTag(int id, Object obj) {
            getView(id).setTag(obj);
            return this;
        }
 
        public ImageView iconImg;
        public TextView iconText;
    }
}

業(yè)務(wù)（ViewBean)Bean-IconBean

package org.mk.android.demogreidview;
 
import java.io.Serializable;
 
public class IconBean implements Serializable {
    public IconBean(int imgId, String iconText) {
        this.imgId = imgId;
        this.iconText = iconText;
    }
 
    private int imgId;
    private String iconText = "";
 
    public int getImgId() {
        return imgId;
    }
 
    public void setImgId(int imgId) {
        this.imgId = imgId;
    }
 
    public String getIconText() {
        return iconText;
    }
 
    public void setIconText(String iconText) {
        this.iconText = iconText;
    }
}

主交互端-MainActivity

package org.mk.android.demogreidview;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.widget.BaseAdapter;
import android.widget.GridView;
 
import java.util.ArrayList;
import java.util.List;
 
 
public class MainActivity extends AppCompatActivity {
    private Context ctx;
    private GridView gridPhoto;
    private BaseAdapter adapter = null;
    private List<IconBean> data = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gridPhoto = (GridView) findViewById(R.id.gridPhoto);
 
        data = new ArrayList<IconBean>();
        data.add(new IconBean(R.drawable.icon_1_128, "圖標(biāo)1"));
        data.add(new IconBean(R.drawable.icon_2_128, "圖標(biāo)2"));
        data.add(new IconBean(R.drawable.icon_3_128, "圖標(biāo)3"));
        data.add(new IconBean(R.drawable.icon_4_128, "圖標(biāo)4"));
        data.add(new IconBean(R.drawable.icon_5_128, "圖標(biāo)5"));
        data.add(new IconBean(R.drawable.icon_6_128, "圖標(biāo)6"));
        data.add(new IconBean(R.drawable.icon_7_128, "圖標(biāo)7"));
        adapter = new GenericAdapter<IconBean>(data, R.layout.item_list) {
            @Override
            public void bindView(ViewHolder holder, IconBean obj) {
                holder.setImageResource(R.id.iconImg, obj.getImgId());
                holder.setText(R.id.iconText, obj.getIconText());
            }
        };
        Log.i("app",">>>>>>before display");
        gridPhoto.setAdapter(adapter);
    }
}

自己可以動一下手，試試看效果吧。

到此這篇關(guān)于Android入門之實現(xiàn)自定義可復(fù)用的BaseAdapter的文章就介紹到這了,更多相關(guān)Android BaseAdapter內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: