一個ListView一般有兩個職責。android
(1)將數據填充到佈局。數組
(2)處理用戶的選擇點擊等操做。緩存
第一點很好理解,ListView就是實現這個功能的。第二點也不難作到,在後面的學習中讀者會發現,這很是簡單。ide
一個ListView的建立須要3個元素。函數
(1)ListView中的每一列的View。佈局
(2)填入View的數據或者圖片等。學習
(3)鏈接數據與ListView的適配器。優化
也就是說,要使用ListView,首先要了解什麼是適配器。適配器是一個鏈接數據和AdapterView(ListView就是一個典型的AdapterView,後面還會學習其餘的)的橋樑,經過它能有效地實現數據與AdapterView的分離設置,使AdapterView與數據的綁定更加簡便,修改更加方便spa
Android中提供了不少的Adapter,表4-5列出了經常使用的幾個。code
表4-5 經常使用適配器
Adapter |
含義 |
ArrayAdapter<T> |
用來綁定一個數組,支持泛型操做 |
SimpleAdapter |
用來綁定在xml中定義的控件對應的數據 |
SimpleCursorAdapter |
用來綁定遊標獲得的數據 |
BaseAdapter |
通用的基礎適配器 |
其實適配器還有不少,要注意的是,各類Adapter只不過是轉換的方式和能力不同而已。下面就經過使用不一樣的Adapter來爲ListView綁定數據(SimpleCursorAdapter暫且不講,後面講SQLite時會介紹)。
用ArrayAdapter能夠實現簡單的ListView的數據綁定。默認狀況下,ArrayAdapter綁定每一個對象的toString值到layout中預先定義的TextView控件上。ArrayAdapter的使用很是簡單。
實例:
工程目錄:EX_04_12
在佈局文件中加入一個ListView控件。
<?xmlversion="1.0"encoding="utf-8"?> <LinearLayoutxmlns:android="
http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
android:layout_height="fill_parent"> <!-- 添加一個ListView控件 --> <ListView android:id="@+id/lv" android:layout_width="fill_parent" android:layout_height="fill_parent"/>
</LinearLayout>
而後在Activity中初始化。
publicclass MyListView Activity { privatestaticfinal String[] strs = String[] { "first", "second", "third", "fourth", "fifth" }; ListView lv;
@Override publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState); setContentView(R.layout.main); lv = (ListView) findViewById(R.id.lv);
lv.setAdapter( ArrayAdapter<String>(, android.R.layout.simple_list_item_1, strs)); } }
▲圖4-29 ListView使用ArrayAdapter運行效果
代碼很是的簡單,運行效果如圖4-29所示。
分析一下使用的步驟。
(1)定義一個數組來存放ListView中item的內容。
(2)經過實現ArrayAdapter的構造函數來建立一個ArrayAdapter的對象。
(3)經過ListView的setAdapter()方法綁定ArrayAdapter。
其中第二步有必要說一下的是,ArrayAdapter有多個構造函數,例子中實現的是最經常使用的一種。第一個參數爲上下文,第二個參數爲一個包含TextView,用來填充ListView的每一行的佈局資源ID。第三個參數爲ListView的內容。其中第二個參數能夠自定義一個layout,可是這個layout必需要有TextView控件。一般咱們使用Android提供的資源,除了例子中所用的,經常使用的還有以下幾種,可實現帶RadioButton和CheckBox的ListView。
(1)經過指定android.R.layout.simple_list_item_checked這個資源,實現帶選擇框的ListView。須要用setChoiceMode()方法設定選擇爲多選仍是單選,不然將不能實現選擇效果,運行效果如圖4-30所示。
實現代碼以下:
lv.setAdapter( ArrayAdapter<String>(, android.R.layout.simple_list_item_checked, strs)); lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
(2)經過指定android.R.layout.simple_list_item_multiple_choice這個資源實現帶CheckBox的ListView。一樣的,須要用setChoiceMode()方法來設置單選或者多選,運行效果如圖4-31所示。
實現代碼以下:
lv.setAdapter( ArrayAdapter<String>(, android.R.layout.simple_list_item_multiple_choice, strs)); lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
(3)經過指定android.R.layout.simple_list_item_single_choice這個資源實現帶RadioButton的ListView。這裏要注意的是,這裏並非指定了單選。是多選仍是單選要經過setChoiceMode()方法來指定,運行效果如圖4-32所示。
實現代碼以下:
lv.setAdapter(newArrayAdapter<String>(, android.R.layout.simple_list_item_single_choice,strs)); lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
▲圖4-30 帶選擇框的ListView ▲圖4-31 帶CheckBox的ListView ▲圖4-32 帶RadioButton的ListView
在前面講到過,ListView的職責除了填充數據外,還要處理用戶的操做。經過以下的代碼就能夠爲ListView綁定一個點擊監聽器,點擊後在標題欄顯示點擊的行數。
lv.setOnItemClickListener( OnItemClickListener() { @Override publicvoid onItemClick(AdapterView<?> arg0, View arg1, arg2, arg3) { setTitle("你點擊了第"+arg2+"行"); } });
不少時候須要在列表中展現一些除了文字之外的東西,好比圖片等。這時候可使用SimpleAdapter。SimpleAdapter的使用也很是簡單,同時它的功能也很是強大。能夠經過它自定義ListView中的item的內容,好比圖片、多選框等。看一個例子,實現一個每一行都有一個ImageView和TextView的ListView。先看一下運行效果,如圖4-34所示。
▲圖4-34 帶圖標的ListView
首先在佈局文件中增長一個ListView控件。
還須要定義一個ListView中每一行的佈局,用RelativeLayout來實現一個帶兩行字和一個圖片的佈局。
item.xml:
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent" android:layout_width="fill_parent">
<ImageViewandroid:layout_alignParentRight="true" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:id="@+id/ItemImage"/>
<TextViewandroid:id="@+id/ItemTitle" android:layout_height="wrap_content"
android:layout_width="fill_parent" android:textSize="20sp"/>
<TextViewandroid:id="@+id/ItemText" android:layout_height="wrap_content"
android:layout_width="fill_parent" android:layout_below="@+id/ItemTitle"/> </RelativeLayout>
配置完畢,就能夠在Java代碼中爲ListView綁定數據。
publicclass MyListViewSimple Activity { ListView lv; @Override publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState); setContentView(R.layout.main); lv = (ListView) findViewById(R.id.lv);
ArrayList<HashMap<String, Object>> listItem = ArrayList<HashMap<String, Object>>();
( i=0;i<10;i++) { HashMap<String, Object> map = HashMap<String, Object>(); map.put("ItemImage", R.drawable.icon); map.put("ItemTitle", "第"+i+"行"); map.put("ItemText", "這是第"+i+"行"); listItem.add(map); } SimpleAdapter mSimpleAdapter = SimpleAdapter(,listItem,
R.layout.item, String[] {"ItemImage"
,"ItemTitle", "ItemText"}, newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText} ); lv.setAdapter(mSimpleAdapter); lv.setOnItemClickListener(
OnItemClickListener() { @Override publicvoid onItemClick(AdapterView<?> arg0, View arg1, arg2, arg3) { setTitle("你點擊了第"+arg2+"行"); } }); } }
使用simpleAdapter的數據通常都是用HashMap構成的列表,列表的每一節對應ListView的每一行。經過SimpleAdapter的構造函數,將HashMap的每一個鍵的數據映射到佈局文件中對應控件上。這個佈局文件通常根據本身的須要來本身定義。梳理一下使用SimpleAdapter的步驟。
(1)根據須要定義ListView每行所實現的佈局。
(2)定義一個HashMap構成的列表,將數據以鍵值對的方式存放在裏面。
(3)構造SimpleAdapter對象。
(4)將LsitView綁定到SimpleAdapter上。
在ListView的使用中,有時候還須要在裏面加入按鈕等控件,實現單獨的操做。也就是說,這個ListView再也不只是展現數據,也不只僅是這一行要來處理用戶的操做,而是裏面的控件要得到用戶的焦點。讀者能夠試試用SimpleAdapter添加一個按鈕到ListView的條目中,會發現能夠添加,可是卻沒法得到焦點,點擊操做被ListView的Item所覆蓋。這時候最方便的方法就是使用靈活的適配器BaseAdapter了。
▲圖4-35 BaseAdapter中的方法
使用BaseAdapter必須寫一個類繼承它,同時BaseAdapter是一個抽象類,繼承它必須實現它的方法。BaseAdapter的靈活性就在於它要重寫不少方法,看一下有哪些方法,如圖4-35所示爲繼承自BaseAdapter的SpeechListAdapter所實現的方法,其中最重要的即爲getView()方法。這些方法都有什麼做用呢?咱們經過分析ListView的原理來爲讀者解答。
當系統開始繪製ListView的時候,首先調用getCount()方法。獲得它的返回值,即ListView的長度。而後系統調用getView()方法,根據這個長度逐一繪製ListView的每一行。也就是說,若是讓getCount()返回1,那麼只顯示一行。而getItem()和getItemId()則在須要處理和取得Adapter中的數據時調用。那麼getView如何使用呢?若是有10000行數據,就繪製10000次?這確定會極大的消耗資源,致使ListView滑動很是的慢,那應該怎麼作呢?經過一個例子來說解如何在使用BaseAdapter的時候優化ListView的顯示。例子中將上一節中的ImageView換成Button,而且處理Button的點擊事件,其中對ListView的顯示作了優化。
佈局文件和上一例類同,讀者能夠在光盤的工程目錄中查看,這裏只給出Activity類。
publicclass MyListViewBase Activity { ListView lv; ArrayList<HashMap<String, Object>>listItem;
@Override publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState); setContentView(R.layout.main); lv = (ListView) findViewById(R.id.lv); MyAdapter mAdapter = MyAdapter();lv.setAdapter(mAdapter);
lv.setOnItemClickListener( OnItemClickListener() { @Override publicvoid onItemClick(AdapterView<?> arg0, View arg1, arg2, arg3) { Log.v("MyListViewBase", "你點擊了ListView條目" + arg2); } }); } ArrayList<HashMap<String, Object>> getDate(){ ArrayList<HashMap<String, Object>> listItem = ArrayList<HashMap<String, Object>>(); ( i=0;i<30;i++) { HashMap<String, Object> map = HashMap<String, Object>(); map.put("ItemTitle", "第"+i+"行"); map.put("ItemText", "這是第"+i+"行"); listItem.add(map); } listItem; } privateclass MyAdapter BaseAdapter { LayoutInflater mInflater;
MyAdapter(Context context) { .mInflater = LayoutInflater.from(context); } @Override publicint getCount() { getDate().size(); } @Override Object getItem( position) { returnnull; } @Override publiclong getItemId( position) { 0; } @Override View getView(finalint position, View convertView, ViewGroup parent) { ViewHolder holder;
Log.v("MyListViewBase", "getView " + position + " " + convertView); (convertView == ) { convertView = mInflater.inflate(R.layout.item, ); holder = ViewHolder();
holder.title = (TextView) convertView.findViewById(R.id.ItemTitle); holder.text = (TextView) convertView.findViewById(R.id.ItemText); holder.bt = (Button) convertView.findViewById(R.id.ItemButton); convertView.setTag(holder); } { holder = (ViewHolder)convertView.getTag(); }
holder.title.setText(getDate().get(position).get("ItemTitle").toString()); holder.text.setText(getDate().get(position).get("ItemText").toString()); holder.bt.setOnClickListener( OnClickListener() { @Override publicvoid onClick(View v) { Log.v("MyListViewBase", "你點擊了按鈕" + position); } }); convertView; } } publicfinalclass ViewHolder{ TextView title; TextView text; Button bt; } }
運行效果如圖4-36所示。還須要注意的是,Button會搶奪ListView的焦點,須要將Button設置爲沒有焦點。設置很是簡單,只須要在xml的Button標籤下加入一行:android:focusable=「false」代碼就能夠了。在LogCat觀察點擊後輸出的信息,如圖4-37所示。
▲圖4-36 使用BaseAdapter的ListVie
▲圖4-37 點擊ListView條目和Button獲得的輸出
代碼中getView()方法不容易理解。其實徹底能夠不用所謂的convertView和ViewHolder,直接導入佈局而且設置控件顯示的內容就能夠了。可是這意味着有多少行數據就須要繪製多少行ListView,這顯然是不可取的。這裏採用了一種優化的方法。代碼中,在getView()方法中加入了一行log輸出convertView的內容。滾動ListView,輸出信息如圖4-38所示。
從圖4-38中能夠看出,當啓動Activity呈現第一屏ListView的時候,convertView爲零。當用戶向下滾動ListView時,上面的條目變爲不可見,下面出現新的條目。這時候convertView再也不爲空,而是建立了一系列的convertView的值。當又往下滾一屏的時候,發現第11行的容器用來容納第22行,第12行的容器用來容納第23行。也就是說convertView至關於一個緩存,開始爲0,當有條目變爲不可見,它緩存了它的數據,後面再出來的條目只須要更新數據就能夠了,這樣大大節省了系統資料的開銷。
還能夠繼續優化。雖然重複利用了已經繪製的view,可是要獲得其中的控件,須要在控件的容器中經過findViewById的方法來得到。若是這個容器很是複雜,這顯然會增長系統資源的開銷。在上面的例子中,引入了Tag的概念。或許不是最好的辦法,可是它確實能使ListView變得更流暢。代碼中,當convertView爲空時,用setTag()方法爲每一個View綁定一個存放控件的ViewHolder對象。當convertView不爲空,重複利用已經建立的view的時候,使用getTag()方法獲取綁定的ViewHolder對象,這樣就避免了findViewById對控件的層層查詢,而是快速定位到控件。