2-4-10 BaseAdpater 構建可復用

標注:本文為個人整理铜犬,僅做自己學習參考使用癣猾,請勿轉載和轉發(fā)
2018-06-19: 初稿。參考博主coder-pig

0. 引言

  • 構建一個可以復用的BaseAdapter像捶,涉及到ListView释簿、GridView等其他的Adapter控件庶溶,都需要自己另外再寫一個BaseAdapter類偏螺,這樣比較麻煩。
  • 如果寫了兩個Listview的話,正常的話采幌,是需要寫兩個Adapter的,所以就需要實現(xiàn)一個可以復用的BaseAdapter類

1. 剛開始修改

首先我們把上節(jié)寫的自定義BaseAdapter貼下磨取,等下我們就要對他進行升級改造

public class MyAdapter extends BaseAdapter {

    private Context mContext;
    private LinkedList<Data> mData;

    public MyAdapter() {
    }

    public MyAdapter(LinkedList<Data> mData, Context mContext) {
        this.mData = mData;
        this.mContext = mContext;
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list, parent, false);
            holder = new ViewHolder();
            holder.img_icon = (ImageView) convertView.findViewById(R.id.img_icon);
            holder.txt_content = (TextView) convertView.findViewById(R.id.txt_content);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.img_icon.setImageResource(mData.get(position).getImgId());
        holder.txt_content.setText(mData.get(position).getContent());
        return convertView;
    }

    //添加一個元素
    public void add(Data data) {
        if (mData == null) {
            mData = new LinkedList<>();
        }
        mData.add(data);
        notifyDataSetChanged();
    }

    //往特定位置江咳,添加一個元素
    public void add(int position,Data data){
        if (mData == null) {
            mData = new LinkedList<>();
        }
        mData.add(position, data);
        notifyDataSetChanged();
    }

    public void remove(Data data) {
        if(mData != null) {
            mData.remove(data);
        }
        notifyDataSetChanged();
    }

    public void remove(int position) {
        if(mData != null) {
            mData.remove(position);
        }
        notifyDataSetChanged();
    }

    public void clear() {
        if(mData != null) {
            mData.clear();
        }
        notifyDataSetChanged();
    }

    private class ViewHolder {
        ImageView img_icon;
        TextView txt_content;
    }

}

修改1:將Entity(實體)設置成為泛型

  • 因為傳遞過來的Entity的實體類可能千奇百怪爹土,比如有Person,Book琼娘,Weather等轨奄,所以我們將Entry設置為泛型挨务,修改之后的代碼
public class MyAdapter<T> extends BaseAdapter {

    private Context mContext;
    private LinkedList<T> mData;

    public MyAdapter() {
    }

    public MyAdapter(LinkedList<T> mData, Context mContext) {
        this.mData = mData;
        this.mContext = mContext;
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list, parent, false);
            holder = new ViewHolder();
            holder.img_icon = (ImageView) convertView.findViewById(R.id.img_icon);
            holder.txt_content = (TextView) convertView.findViewById(R.id.txt_content);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.img_icon.setImageResource(mData.get(position).getImgId());
        holder.txt_content.setText(mData.get(position).getContent());
        return convertView;
    }

    //添加一個元素
    public void add(T data) {
        if (mData == null) {
            mData = new LinkedList<>();
        }
        mData.add(data);
        notifyDataSetChanged();
    }

    //往特定位置惯雳,添加一個元素
    public void add(int position,T data){
        if (mData == null) {
            mData = new LinkedList<>();
        }
        mData.add(position, data);
        notifyDataSetChanged();
    }

    public void remove(T data) {
        if(mData != null) {
            mData.remove(data);
        }
        notifyDataSetChanged();
    }

    public void remove(int position) {
        if(mData != null) {
            mData.remove(position);
        }
        notifyDataSetChanged();
    }

    public void clear() {
        if(mData != null) {
            mData.clear();
        }
        notifyDataSetChanged();
    }

    private class ViewHolder {
        ImageView img_icon;
        TextView txt_content;
    }

}

僅僅是將Data的類型轉化為泛型T

修改2: ViewHolder類的升級改造

  • 首先確定ViewHolder做了什么劈猿,主要是findViewById揪荣,在設置控件狀態(tài),下面主要是想在完成這個基礎上挨决,將getView()方法的大部分的邏輯寫入到ViewHolder中脖祈,這個ViewHolder主要做的事情主要有:
    • 定義一個查找控件的方法,主要想法是通過暴露公共的放啊或舞,調用該方法時傳遞過來的控件的id,以及設置的內容诈豌。比如TextView設置文本:
      public ViewHolder setText(int id, CharSequence text){文本設置}
    • 將convertView的復用部分搬到這里矫渔,那么就只是需要傳遞一個context對象即可
    • 設置一堆寫方法顿痪,比如設置文字的大小,圖片背景等
1)相關參數(shù)與構造方法
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;
    }

    ImageView img_icon;
    TextView txt_content;
}
2)綁定ViewHolder與Item
  • 在上面的基礎上添加一個綁定的方法
//綁定ViewHolder與item
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;
}
3)根據(jù)id獲取集合中保存的控件
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;
}
4) 接著我們再定義一堆暴露出來的方法
/**
 * 獲取當前條目
 */
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;
}


/**
 * 設置點擊監(jiān)聽
 */
public ViewHolder setOnClickListener(int id, View.OnClickListener listener) {
    getView(id).setOnClickListener(listener);
    return this;
}

/**
 * 設置可見
 */
public ViewHolder setVisibility(int id, int visible) {
    getView(id).setVisibility(visible);
    return this;
}

/**
 * 設置標簽
 */
public ViewHolder setTag(int id, Object obj) {
    getView(id).setTag(obj);
    return this;
}

//其他方法可自行擴展

好的镇匀,ViewHolder的改造升級完成~

修改3: 定義一個抽象方法,完成ViewHolder與Data數(shù)據(jù)集的綁定

public abstract void bindView(ViewHolder holder, T obj);
  • 我們創(chuàng)建新的BaseAdapter的時候,實現(xiàn)這個方法就好熟妓,另外起愈,別忘了把我們自定義 的BaseAdapter改成abstact抽象的!

修改4: 修改getView()部分的內容

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder = ViewHolder.bind(parent.getContext(), convertView, parent, mLayoutRes
            , position);
    bindView(holder,getItem(position));
    return holder.getItemView();
}

2.升級完畢阐污,我們寫代碼來體驗下

我們要實現(xiàn)的效果圖:



就是上面有兩個列表,布局不一樣捷凄,但是我只使用一個BaseAdapter類來完成上述效果跺涤!

關鍵代碼如下:
MainActivity.java

public class MainActivity extends AppCompatActivity {

    private Context mContext;
    private ListView list_book;
    private ListView list_app;

    private MyAdapter<App> myAdapter1 = null;
    private MyAdapter<Book> myAdapter2 = null;
    private List<App> mData1 = null;
    private List<Book> mData2 = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mContext = MainActivity.this;
        init();

    }

    private void init() {

        list_book = (ListView) findViewById(R.id.list_book);
        list_app = (ListView) findViewById(R.id.list_app);

        //數(shù)據(jù)初始化
        mData1 = new ArrayList<App>();
        mData1.add(new App(R.mipmap.iv_icon_baidu,"百度"));
        mData1.add(new App(R.mipmap.iv_icon_douban,"豆瓣"));
        mData1.add(new App(R.mipmap.iv_icon_zhifubao,"支付寶"));

        mData2 = new ArrayList<Book>();
        mData2.add(new Book("《第一行代碼Android》","郭霖"));
        mData2.add(new Book("《Android群英傳》","徐宜生"));
        mData2.add(new Book("《Android開發(fā)藝術探索》","任玉剛"));

        //Adapter初始化
        myAdapter1 = new MyAdapter<App>((ArrayList)mData1,R.layout.item_one) {
            @Override
            public void bindView(ViewHolder holder, App obj) {
                holder.setImageResource(R.id.img_icon,obj.getaIcon());
                holder.setText(R.id.txt_aname,obj.getaName());
            }
        };
        myAdapter2 = new MyAdapter<Book>((ArrayList)mData2,R.layout.item_two) {
            @Override
            public void bindView(ViewHolder holder, Book obj) {
                holder.setText(R.id.txt_bname,obj.getbName());
                holder.setText(R.id.txt_bauthor,obj.getbAuthor());
            }
        };

        //ListView設置下Adapter:
        list_book.setAdapter(myAdapter2);
        list_app.setAdapter(myAdapter1);

    }
}

3.代碼示例下載:

ListViewDemo4.zip

貼下最后寫好的MyAdapter類吧牛曹,可根據(jù)自己的需求進行擴展:

MyAdapter.java

public abstract class MyAdapter<T> extends BaseAdapter {

    private ArrayList<T> mData;
    private int mLayoutRes;           //布局id


    public MyAdapter() {
    }

    public MyAdapter(ArrayList<T> mData, int mLayoutRes) {
        this.mData = mData;
        this.mLayoutRes = mLayoutRes;
    }

    @Override
    public int getCount() {
        return mData != null ? mData.size() : 0;
    }

    @Override
    public T getItem(int position) {
        return mData.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = ViewHolder.bind(parent.getContext(), convertView, parent, mLayoutRes
                , position);
        bindView(holder, getItem(position));
        return holder.getItemView();
    }

    public abstract void bindView(ViewHolder holder, T obj);

    //添加一個元素
    public void add(T data) {
        if (mData == null) {
            mData = new ArrayList<>();
        }
        mData.add(data);
        notifyDataSetChanged();
    }

    //往特定位置鸳玩,添加一個元素
    public void add(int position, T data) {
        if (mData == null) {
            mData = new ArrayList<>();
        }
        mData.add(position, data);
        notifyDataSetChanged();
    }

    public void remove(T data) {
        if (mData != null) {
            mData.remove(data);
        }
        notifyDataSetChanged();
    }

    public void remove(int position) {
        if (mData != null) {
            mData.remove(position);
        }
        notifyDataSetChanged();
    }

    public void clear() {
        if (mData != null) {
            mData.clear();
        }
        notifyDataSetChanged();
    }


    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;
        }

        //綁定ViewHolder與item
        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;
        }

        @SuppressWarnings("unchecked")
        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;
        }


        /**
         * 設置點擊監(jiān)聽
         */
        public ViewHolder setOnClickListener(int id, View.OnClickListener listener) {
            getView(id).setOnClickListener(listener);
            return this;
        }

        /**
         * 設置可見
         */
        public ViewHolder setVisibility(int id, int visible) {
            getView(id).setVisibility(visible);
            return this;
        }

        /**
         * 設置標簽
         */
        public ViewHolder setTag(int id, Object obj) {
            getView(id).setTag(obj);
            return this;
        }

        //其他方法可自行擴展
    }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市侮攀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌箭昵,老刑警劉巖家制,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件觅廓,死亡現(xiàn)場離奇詭異,居然都是意外死亡瞳脓,警方通過查閱死者的電腦和手機劫侧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來审姓,“玉大人,你說我怎么就攤上這事画畅。” “怎么了?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長闸盔。 經(jīng)常有香客問我琳省,道長迎吵,這世上最難降的妖魔是什么躲撰? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮击费,結果婚禮上拢蛋,老公的妹妹穿的比我還像新娘蔫巩。我一直安慰自己谆棱,他們只是感情好,可當我...
    茶點故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布圆仔。 她就那樣靜靜地躺著垃瞧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪坪郭。 梳的紋絲不亂的頭發(fā)上个从,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天,我揣著相機與錄音截粗,去河邊找鬼信姓。 笑死,一個胖子當著我的面吹牛绸罗,可吹牛的內容都是我干的意推。 我是一名探鬼主播,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼珊蟀,長吁一口氣:“原來是場噩夢啊……” “哼菊值!你這毒婦竟也來了?” 一聲冷哼從身側響起育灸,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤腻窒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后磅崭,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體儿子,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年砸喻,在試婚紗的時候發(fā)現(xiàn)自己被綠了柔逼。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,742評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡割岛,死狀恐怖愉适,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情癣漆,我是刑警寧澤维咸,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響癌蓖,放射性物質發(fā)生泄漏瞬哼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一费坊、第九天 我趴在偏房一處隱蔽的房頂上張望倒槐。 院中可真熱鬧,春花似錦附井、人聲如沸讨越。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽把跨。三九已至,卻和暖如春沼死,著一層夾襖步出監(jiān)牢的瞬間着逐,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工意蛀, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留耸别,地道東北人。 一個月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓县钥,卻偏偏與公主長得像秀姐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子若贮,可洞房花燭夜當晚...
    茶點故事閱讀 45,747評論 2 361

推薦閱讀更多精彩內容