Android ListView理解之BaseAdapter

標籤：

ListView是Android開發過程中較為常見的組件之一，它將資料以列表的形式展現出來。一般而言，一個ListView由以下三個元素組 成：

1.View，用於展示列表，通常是一個xml所指定的。大家都知道Android的介面基本上是由xml檔案負責完成的，所以ListView的界 面也理所應當的使用了xml定義。例如在ListView中經常用到的“android.R.layout.simple_list_item_1”等， 就是Android系統內部定義好的一個xml檔案。

2.適配器，用來將不同的資料對應到View上。不同的資料對應不同的適配器，如ArrayAdapter，CursorAdapter, SimpleAdapter等， 他們能夠將數組，指標指向的資料，Map等資料對應到View上。也正是由於適配器的存在，使得ListView的使用相當靈活，經過適配器的處理後，在 view看來所有的資料對應過來都是一樣的。3.資料，具體的別映射的資料和資源，可以是字串，圖片等，通過適配器，這些資料將會被現實到 ListView上。所有的資料和資源要顯示到ListView上都通過適配器來完成。

系統已有的適配器可以將基本的資料顯示到ListView上，如：數組，Cursor指向的資料，Map裡的資料。但是在實際開發中這些系統已實現 的適配器，有時不能滿足我們的需求。而且系統內建的含有多選功能ListView在實際使用過程中會有一些問題。要實現複雜的ListView可以通過繼 承ListView並重寫相應的方法完成，同時也可以通過繼承BaseAdapter來實現。通過文檔可以看出，ArrayAdapter，CursorAdapter, SimpleAdapter都繼承於BaseAdapter。所以通過繼承BaseAdapter就可以完成自己的Adapter，可以將任何複雜組合的資料和資源，以任何你想要的顯示效果展示給大家。

繼承BaseAdapter之後，需要重寫以下四個方法：getCount，getItem，getItemId，getView。

ListView繪製的過程如下：首先，系統在繪製ListView之前，將會先調用getCount方法來擷取Item的個數。之後每繪製一個 Item就會調用一次getView方法，在此方法內就可以引用事先定義好的xml來確定顯示的效果並返回一個View對象作為一個Item顯示出來。也 正是在這個過程中完成了適配器的主要轉換功能，把資料和資源以開發人員想要的效果顯示出來。也正是getView的重複調用，使得ListView的使用更 為簡單和靈活。這兩個方法是自定ListView顯示效果中最為重要的，同時只要重寫好了就兩個方法，ListView就能完全按開發人員的要求顯示。而 getItem和getItemId方法將會在調用ListView的回應程式法的時候被調用到。所以要保證ListView的各個方法有效話，這兩個方 法也得重寫。比如：沒有完成getItemId方法的功能實現的話，當調用ListView的getItemIdAtPosition方法時將會得不到想 要的結果，因為該方法就是調用了對應的適配器的getItemId方法。

 

話說開發用了各種Adapter之後感覺用的最舒服的還是BaseAdapter，儘管使用起來比其他適配器有些麻煩，但是使用它卻能實現很多自己喜歡的列表布局，比如ListView、GridView、Gallery、Spinner等等。它是直接繼承自介面類Adapter的，使用BaseAdapter時需要重寫很多方法，其中最重要的當屬getView，因為這會涉及到ListView最佳化等問題，其他的方法可以參考連結的文章

BaseAdapter與其他Adapter有些不一樣，其他的Adapter可以直接在其構造方法中進行資料的設定，比如

SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.list_item, new String[]{"img","title","info",new int[]{R.id.img, R.id.title, R.id.info}});

但是在BaseAdapter中需要實現一個繼承自BaseAdapter的類，並且重寫裡面的很多方法，例如

class MyAdapter extends BaseAdapter    {        private Context context;        public MyAdapter(Context context)        {            this.context = context;        }        @Override        public int getCount() {            // How many items are in the data set represented by this Adapter.(在此適配器中所代表的資料集中的條目數)            return 0;        }        @Override        public Object getItem(int position) {            // Get the data item associated with the specified position in the data set.(擷取資料集中與指定索引對應的資料項目)            return null;        }        @Override        public long getItemId(int position) {            // Get the row id associated with the specified position in the list.(取在列表中與指定索引對應的行id)            return 0;        }        @Override        public View getView(int position, View convertView, ViewGroup parent) {            // Get a View that displays the data at the specified position in the data set.            return null;        }            }

這裡面沒什麼難度，但是這個getView方法必須好好處理，也是最麻煩的

第一種：沒有任何處理，不建議這樣寫。如果資料量少看將就，但是如果清單項目資料量很大的時候，會每次都重新建立View，設定資源，嚴重影響效能，所以從一開始就不要用這種方式

        @Override        public View getView(int position, View convertView, ViewGroup parent) {            View item = mInflater.inflate(R.layout.list_item, null);            ImageView img = (ImageView)item.findViewById(R.id.img)             TextView title = (TextView)item.findViewById(R.id.title);            TextView info = (TextView)item.findViewById(R.id.info);            img.setImageResource(R.drawable.ic_launcher);            title.setText("Hello");            info.setText("world");                        return item;        }

第二種ListView最佳化：通過緩衝convertView,這種利用緩衝contentView的方式可以判斷如果緩衝中不存在View才建立View，如果已經存在可以利用緩衝中的View，提升了效能

        public View getView(int position, View convertView, ViewGroup parent) {            if(convertView == null)            {                convertView = mInflater.inflate(R.layout.list_item, null);            }                        ImageView img = (ImageView)convertView.findViewById(R.id.img)             TextView title = (TextView)convertView.findViewById(R.id.title);            TextView info = (TextView)ConvertView.findViewById(R.id.info);            img.setImageResource(R.drawable.ic_launcher);            title.setText("Hello");            info.setText("world");                        return convertView;        }

第三種ListView最佳化：通過convertView+ViewHolder來實現，ViewHolder就是一個靜態類，使用 ViewHolder 的關鍵好處是緩衝了顯示資料的視圖（View），加快了 UI 的響應速度。

當我們判斷 convertView == null  的時候，如果為空白，就會根據設計好的List的Item布局（XML），來為convertView賦值，並產生一個viewHolder來綁定converView裡面的各個View控制項（XML布局裡面的那些控制項）。再用convertView的setTag將viewHolder設定到Tag中，以便系統第二次繪製ListView時從Tag中取出。（看下面代碼中）

如果convertView不為空白的時候，就會直接用convertView的getTag()，來獲得一個ViewHolder。

    //在外面先定義，ViewHolder靜態類    static class ViewHolder    {        public ImageView img;        public TextView title;        public TextView info;    }//然後重寫getView        @Override        public View getView(int position, View convertView, ViewGroup parent) {            ViewHolder holder;            if(convertView == null)            {                holder = new ViewHolder();                convertView = mInflater.inflate(R.layout.list_item, null);                holder.img = (ImageView)item.findViewById(R.id.img)                 holder.title = (TextView)item.findViewById(R.id.title);                holder.info = (TextView)item.findViewById(R.id.info);                convertView.setTag(holder);            }else            {                holder = (ViewHolder)convertView.getTag();                holder.img.setImageResource(R.drawable.ic_launcher);                holder.title.setText("Hello");                holder.info.setText("World");            }                        return convertView;        }

到這裡，可能會有人問ViewHolder靜態類結合緩衝convertView與直接使用convertView有什麼區別嗎，是否重複了

在這裡，官方給出瞭解釋

提升Adapter的兩種方法

To work efficiently the adapter implemented here uses two techniques:
-It reuses the convertView passed to getView() to avoid inflating View when it is not necessary

（譯:重用緩衝convertView傳遞給getView()方法來避免填充不必要的視圖）
-It uses the ViewHolder pattern to avoid calling findViewById() when it is not necessary

（譯：使用ViewHolder模式來避免沒有必要的調用findViewById()：因為太多的findViewById也會影響效能）
ViewHolder類的作用
-The ViewHolder pattern consists in storing a data structure in the tag of the view
returned by getView().This data structures contains references to the views we want to bind data to,
thus avoiding calling to findViewById() every time getView() is invoked

（譯：ViewHolder模式通過getView()方法返回的視圖的標籤(Tag)中儲存一個資料結構，這個資料結構包含了指向我們

要綁定資料的視圖的引用，從而避免每次調用getView()的時候調用findViewById()）

執行個體一：用BaseAdapter來自訂ListView布局
main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <ListView        android:id="@+id/lv"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:fastScrollEnabled="true"        /></LinearLayout>

list_item.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal" >    <ImageView        android:id="@+id/img"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        />    <LinearLayout         android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:orientation="vertical"        >        <TextView            android:id="@+id/tv"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="20sp"        />        <TextView             android:id="@+id/info"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="14sp"            />    </LinearLayout>    </LinearLayout>

Activity

package com.loulijun.demo17;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.ListView;import android.widget.TextView;public class Demo17Activity extends Activity {    private ListView lv;    private List<Map<String, Object>> data;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        lv = (ListView)findViewById(R.id.lv);        //擷取將要繫結資料設定到data中        data = getData();        MyAdapter adapter = new MyAdapter(this);        lv.setAdapter(adapter);    }        private List<Map<String, Object>> getData()    {        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();        Map<String, Object> map;        for(int i=0;i<10;i++)        {            map = new HashMap<String, Object>();            map.put("img", R.drawable.ic_launcher);            map.put("title", "跆拳道");            map.put("info", "快樂源於生活...");            list.add(map);        }        return list;    }        //ViewHolder靜態類    static class ViewHolder    {        public ImageView img;        public TextView title;        public TextView info;    }        public class MyAdapter extends BaseAdapter    {            private LayoutInflater mInflater = null;        private MyAdapter(Context context)        {            //根據context上下文載入布局，這裡的是Demo17Activity本身，即this            this.mInflater = LayoutInflater.from(context);        }        @Override        public int getCount() {            //How many items are in the data set represented by this Adapter.            //在此適配器中所代表的資料集中的條目數            return data.size();        }        @Override        public Object getItem(int position) {            // Get the data item associated with the specified position in the data set.            //擷取資料集中與指定索引對應的資料項目            return position;        }        @Override        public long getItemId(int position) {            //Get the row id associated with the specified position in the list.            //擷取在列表中與指定索引對應的行id            return position;        }                //Get a View that displays the data at the specified position in the data set.        //擷取一個在資料集中指定索引的視圖來顯示資料        @Override        public View getView(int position, View convertView, ViewGroup parent) {            ViewHolder holder = null;            //如果緩衝convertView為空白，則需要建立View            if(convertView == null)            {                holder = new ViewHolder();                //根據自訂的Item布局載入布局                convertView = mInflater.inflate(R.layout.list_item, null);                holder.img = (ImageView)convertView.findViewById(R.id.img);                holder.title = (TextView)convertView.findViewById(R.id.tv);                holder.info = (TextView)convertView.findViewById(R.id.info);                //將設定好的布局儲存到緩衝中，並將其設定在Tag裡，以便後面方便取出Tag                convertView.setTag(holder);            }else            {                holder = (ViewHolder)convertView.getTag();            }            holder.img.setBackgroundResource((Integer)data.get(position).get("img"));            holder.title.setText((String)data.get(position).get("title"));            holder.info.setText((String)data.get(position).get("info"));                        return convertView;        }            }}

運行結果如下：

執行個體二：Gallery上應用BaseAdapter

main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >        <ImageView         android:id="@+id/img"        android:layout_width="480px"        android:layout_height="480px"        android:layout_gravity="center"        />    <Gallery         android:id="@+id/gallery"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:spacing="3dp"        android:layout_gravity="bottom"        /></LinearLayout>

Activity：這部分裡的getView沒有最佳化，調試了很久還沒調通，暫時還是用的最基本的方法。會專門找個時間把Gallery記憶體泄露的部分寫一下，因為圖片資源很多的時候會引起out of memory的錯誤

package com.loulijun.demo16;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.BaseAdapter;import android.widget.Gallery;import android.widget.ImageView;public class Demo16Activity extends Activity {    private Gallery mGallery;    private ImageView mImg;    //圖片數組    private int[] pics = {            R.drawable.pic1,            R.drawable.pic2,            R.drawable.pic3,            R.drawable.pic4,            R.drawable.pic5,            R.drawable.pic6    };    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        mImg = (ImageView)findViewById(R.id.img);        mGallery = (Gallery)findViewById(R.id.gallery);        MyAdapter adapter = new MyAdapter(this);        mGallery.setAdapter(adapter);        mGallery.setOnItemClickListener(new Gallery.OnItemClickListener()        {            @Override            public void onItemClick(AdapterView<?> adapter, View view, int position,                    long arg3) {                mImg.setImageResource(pics[position]);            }                    });    }        //內部類    class MyAdapter extends BaseAdapter    {        //用來接收傳遞過來的Context內容物件        private Context context;        //建構函式        public MyAdapter(Context context)        {            this.context = context;        }        @Override        public int getCount() {            //返回圖片數組大小            return pics.length;        }        @Override        public Object getItem(int position) {            //根據選中項返回索引位置            return position;        }        @Override        public long getItemId(int position) {            //根據選中項id返回索引位置            return position;        }        //未最佳化的getView，這部分可以使用recycle()釋放記憶體、或者BitmapFacotry.Options縮小，或者軟引用，或者控製圖片資源大小等等很多方法，找時間專門寫        @Override        public View getView(int position, View convertView, ViewGroup parent) {            ImageView img = new ImageView(context);            img.setAdjustViewBounds(true);            img.setImageResource(pics[position]);            img.setScaleType(ImageView.ScaleType.FIT_XY);            img.setLayoutParams(new Gallery.LayoutParams(120,120));                        return img;        }        }}

運行效果：原理都是一樣，只不過是布局載入的時候會有區別，不過就這個小區別也讓人夠惱火的了

Android ListView理解之BaseAdapter