Android入門之實現自定義可復用的BaseAdapter
介紹
今天給大傢講一下如何構建一個可復用的自定義BaseAdapter，我們每次涉及到ListView GridView等其他的Adapter控件，都需要自己另外寫一個BaseAdapter類，這樣顯得非常麻煩， 又譬如，我們想在一個界面顯示兩個ListView的話，我們也是需要些兩個BaseAdapter… 這，程序員都是喜歡偷懶的哈，今我們就來寫一個可復用的自定義BaseAdapter類。
同時，我們使用Android裡的高級控件-GridView來作為我們本次的課程樣例。
課程目標
我們課程目標就是實現一個可以復用的Adapter，它帶有一個ImageView一個TextView。
然後把它套在一個一行三列的GridView裡使用。
根據上幾天的課程我們已經熟練瞭Adapter的使用。因此我們首先先做項目結構的設計。
項目結構設計
UI端的設計
Android的開發我發覺歷年的指導開發學習的過程有一個特性，它和後臺、微服務的開發其實是一個思路。即：先設計模型（DB、MONGO、REDIS）、數據流存取再做代碼設計才能往往想得更周到。此處的UI指的就是我們的佈局、界面長什麼。根據佈局、界面長什麼樣，然後倒推我們的後端代碼，往往更容易入門、入手。
因此我才把UI端的設計要提前是為瞭便於初學者可以從一個感性到理性認知的思維過程更順利而設計。
帶有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設置每行顯示多少個-->
<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>
可復用的Adapter的代碼設計
我們使用我們一慣的風格，先用邏輯性的語言來描述這個類的設計。各位一定要養成這樣的一個習慣，即OOP編程它本身就是用代碼來實現現實世界事物用的。因此在現實世界可以用邏輯、抽象、總結後的事物再去用OOP語言實現往往來得更直觀、更友好、可讀性更好。
- 這個Adapter因為是可復用的，因此我們把它定義成Abstract，當然它也是extends自BaseAdapter；
- 這個類需要可以接受通用的業務（View)Bean，因此它必須可以支持傳入泛型即<T>；
- 這個類需要可以接受各種控件，我們知道其實Adapter的inflate渲染函數傳入的控件是控件的ID，如何獲取控件的ID我們也已經知道瞭，它是一個int值；
- 由於這個可復用的Adapter需要一個個對傳入的控件做處理，因此這個Adapter的getItem(int position)就不能再像前幾章所講的那樣return null瞭，而是要return data.get(position)；
- 在getView方法內由於我們傳入的控件為“調用端”去“客制”，因此我們在這個getView內原本寫死的viewHolder.控件.set屬性（屬性值）的控制權要放給到調
- 用端，因此我們在getView裡做一個“匈牙利勾子”寫法，即設一個bindView方法，同時把這個bindView做成abstract方法；
下面我們來看這個Abstract類的完整寫法
可復用的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; //遊標
private Context context; //Context上下文
//構造方法，完成相關初始化
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;
}
/**
* 獲取當前條目
*/
public View getItemView() {
return item;
}
/**
* 獲取條目位置
*/
public int getItemPosition() {
return position;
}
/**
* 設置文字
*/
public ViewHolder setText(int id, CharSequence text) {
View view = getView(id);
if(view instanceof TextView) {
((TextView) view).setText(text);
}
return this;
}
/**
* 設置圖片
*/
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;
}
/**
* 設置標簽
*/
public ViewHolder setTag(int id, Object obj) {
getView(id).setTag(obj);
return this;
}
public ImageView iconImg;
public TextView iconText;
}
}
業務（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, "圖標1"));
data.add(new IconBean(R.drawable.icon_2_128, "圖標2"));
data.add(new IconBean(R.drawable.icon_3_128, "圖標3"));
data.add(new IconBean(R.drawable.icon_4_128, "圖標4"));
data.add(new IconBean(R.drawable.icon_5_128, "圖標5"));
data.add(new IconBean(R.drawable.icon_6_128, "圖標6"));
data.add(new IconBean(R.drawable.icon_7_128, "圖標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);
}
}
自己可以動一下手，試試看效果吧。
到此這篇關於Android入門之實現自定義可復用的BaseAdapter的文章就介紹到這瞭,更多相關Android BaseAdapter內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！
推薦閱讀：
- GridView實現桌面圖標顯示案例
- Android BaseAdapter適配器詳解用法
- Android入門教程之ListView的具體使用詳解
- Android ListView仿微信聊天界面
- RecyclerView實現橫向滾動效果