Android入門之實(shí)現(xiàn)自定義可復(fù)用的BaseAdapter
介紹
今天給大家講一下如何構(gòu)建一個(gè)可復(fù)用的自定義BaseAdapter,我們每次涉及到ListView GridView等其他的Adapter控件,都需要自己另外寫一個(gè)BaseAdapter類,這樣顯得非常麻煩, 又譬如,我們想在一個(gè)界面顯示兩個(gè)ListView的話,我們也是需要些兩個(gè)BaseAdapter... 這,程序員都是喜歡偷懶的哈,今我們就來(lái)寫一個(gè)可復(fù)用的自定義BaseAdapter類。
同時(shí),我們使用Android里的高級(jí)控件-GridView來(lái)作為我們本次的課程樣例。
課程目標(biāo)
我們課程目標(biāo)就是實(shí)現(xiàn)一個(gè)可以復(fù)用的Adapter,它帶有一個(gè)ImageView一個(gè)TextView。
然后把它套在一個(gè)一行三列的GridView里使用。
根據(jù)上幾天的課程我們已經(jīng)熟練了Adapter的使用。因此我們首先先做項(xiàng)目結(jié)構(gòu)的設(shè)計(jì)。
項(xiàng)目結(jié)構(gòu)設(shè)計(jì)
UI端的設(shè)計(jì)
Android的開發(fā)我發(fā)覺(jué)歷年的指導(dǎo)開發(fā)學(xué)習(xí)的過(guò)程有一個(gè)特性,它和后臺(tái)、微服務(wù)的開發(fā)其實(shí)是一個(gè)思路。即:先設(shè)計(jì)模型(DB、MONGO、REDIS)、數(shù)據(jù)流存取再做代碼設(shè)計(jì)才能往往想得更周到。此處的UI指的就是我們的布局、界面長(zhǎng)什么。根據(jù)布局、界面長(zhǎng)什么樣,然后倒推我們的后端代碼,往往更容易入門、入手。
因此我才把UI端的設(shè)計(jì)要提前是為了便于初學(xué)者可以從一個(gè)感性到理性認(rèn)知的思維過(guò)程更順利而設(shè)計(jì)。
帶有GridView布局的activity_main.xml
這是一個(gè)一行三列布局的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è)置每行顯示多少個(gè)--> <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è)計(jì)
我們使用我們一慣的風(fēng)格,先用邏輯性的語(yǔ)言來(lái)描述這個(gè)類的設(shè)計(jì)。各位一定要養(yǎng)成這樣的一個(gè)習(xí)慣,即OOP編程它本身就是用代碼來(lái)實(shí)現(xiàn)現(xiàn)實(shí)世界事物用的。因此在現(xiàn)實(shí)世界可以用邏輯、抽象、總結(jié)后的事物再去用OOP語(yǔ)言實(shí)現(xiàn)往往來(lái)得更直觀、更友好、可讀性更好。
- 這個(gè)Adapter因?yàn)槭强蓮?fù)用的,因此我們把它定義成Abstract,當(dāng)然它也是extends自BaseAdapter;
- 這個(gè)類需要可以接受通用的業(yè)務(wù)(View)Bean,因此它必須可以支持傳入泛型即<T>;
- 這個(gè)類需要可以接受各種控件,我們知道其實(shí)Adapter的inflate渲染函數(shù)傳入的控件是控件的ID,如何獲取控件的ID我們也已經(jīng)知道了,它是一個(gè)int值;
- 由于這個(gè)可復(fù)用的Adapter需要一個(gè)個(gè)對(duì)傳入的控件做處理,因此這個(gè)Adapter的getItem(int position)就不能再像前幾章所講的那樣return null了,而是要return data.get(position);
- 在getView方法內(nèi)由于我們傳入的控件為“調(diào)用端”去“客制”,因此我們?cè)谶@個(gè)getView內(nèi)原本寫死的viewHolder.控件.set屬性(屬性值)的控制權(quán)要放給到調(diào)
- 用端,因此我們?cè)趃etView里做一個(gè)“匈牙利勾子”寫法,即設(shè)一個(gè)bindView方法,同時(shí)把這個(gè)bindView做成abstract方法;
下面我們來(lái)看這個(gè)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(); } //添加一個(gè)元素 public void add(T item) { if (data == null) { data = new ArrayList<>(); } data.add(item); notifyDataSetChanged(); } //往特定位置,添加一個(gè)元素 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; //存儲(chǔ)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); } }
自己可以動(dòng)一下手,試試看效果吧。
到此這篇關(guān)于Android入門之實(shí)現(xiàn)自定義可復(fù)用的BaseAdapter的文章就介紹到這了,更多相關(guān)Android BaseAdapter內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Android 拍照并對(duì)照片進(jìn)行裁剪和壓縮實(shí)例詳解
這篇文章主要介紹了Android 拍照并對(duì)照片進(jìn)行裁剪和壓縮實(shí)例詳解的相關(guān)資料,這里提供實(shí)例代碼,需要的朋友可以參考下2017-07-07Android實(shí)現(xiàn)粒子中心擴(kuò)散動(dòng)畫效果
粒子動(dòng)畫效果相比其他動(dòng)畫來(lái)說(shuō)是非常復(fù)雜了的,主要涉及三個(gè)方面,粒子初始化、粒子位移、粒子回收等問(wèn)題,本篇將實(shí)現(xiàn)兩種動(dòng)畫效果,代碼基本相同,只是旋轉(zhuǎn)速度不一樣,需要的朋友可以參考下2024-02-02解決Android平臺(tái)中應(yīng)用程序OOM異常的方法
這篇文章主要介紹了解決Android平臺(tái)中應(yīng)用程序OOM異常的方法,通常這一塊也是程序中的重點(diǎn)之一,感興趣的小伙伴們可以參考一下2015-12-12Android中判斷網(wǎng)絡(luò)連接是否可用及監(jiān)控網(wǎng)絡(luò)狀態(tài)
獲取網(wǎng)絡(luò)信息需要在AndroidManifest.xml文件中加入相應(yīng)的權(quán)限,接下來(lái)詳細(xì)介紹Android中判斷網(wǎng)絡(luò)連接是否可用及監(jiān)控網(wǎng)絡(luò)狀態(tài),感興趣的朋友可以參考下2012-12-12Android手勢(shì)密碼view學(xué)習(xí)筆記(二)
這篇文章主要為大家詳細(xì)介紹了Android手勢(shì)密碼view的第二篇學(xué)習(xí)筆記,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03Android實(shí)現(xiàn)動(dòng)態(tài)自動(dòng)匹配輸入的內(nèi)容
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)動(dòng)態(tài)自動(dòng)匹配輸入的內(nèi)容,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08Android開發(fā)中使用Intent打開第三方應(yīng)用及驗(yàn)證可用性的方法詳解
這篇文章主要介紹了Android開發(fā)中使用Intent打開第三方應(yīng)用及驗(yàn)證可用性的方法,結(jié)合實(shí)例形式分析了Android使用Intent打開第三方應(yīng)用的三種常用方式及使用注意事項(xiàng),需要的朋友可以參考下2017-11-11Android的HTTP擴(kuò)展包OkHttp中的緩存功能使用方法解析
OkHttp(GitHub主頁(yè)https://github.com/square/okhttp)是一款高人氣的第三方Android網(wǎng)絡(luò)編程包,這里我們來(lái)看一下Android的HTTP擴(kuò)展包OkHttp中的緩存功能使用方法解析:2016-07-07