ListView初探

時間 2019-11-29

標籤 listview 初探简体版

原文原文鏈接

1、ListView介紹

在Android開發中ListView是比較經常使用的控件，經常使用於以列表的形式顯示數據集及根據數據的長度自適應顯示。java

ListView一般有兩個主要功能點：android

（1）將數據集填充到佈局中，顯示給用戶數據庫

要實現該功能須要以下三個元素：ubuntu

顯示每一行數據的View（能夠理解爲layout佈局文件）
填入View的數據集（能夠理解爲數據集的數組）
鏈接數據集與ListView的Adapter（能夠理解爲適配的adapter）

總結爲：要使用ListView，首先要了解什麼是適配器。適配器是一個鏈接數據和AdapterView的橋樑，經過它能有效地實現數據與AdapterView的分離設置，使AdapterView與數據的綁定更加簡便，修改更加方便數組

（2）處理用戶點擊的item事件緩存

mListView.setOnItemClickListener(new OnItemClickListener() {...});網絡

2、ListView使用

Android中提供了不少的Adapter，下表列出了經常使用的幾個。

Adapter種類	含義
ArrayAdapter<T>	用來綁定一個數組，支持泛型操做
SimpleAdapter	用來綁定在XML中定義的控件對應的數據
SimpleCursorAdatpter	用來綁定遊標獲得的數據(一般是數據庫的相關操做)
BaseAdapter	通用的基礎適配器

A.使用ArrayAdapter<T>

用ArrayAdapter能夠實現簡單的ListView的數據綁定，默認狀況下，ArrrayAdapter綁定每一個對象的String值到layout中預先定義的textview控件上app

例：ide

佈局文件：activity_main.xml函數

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:tools="http://schemas.android.com/tools"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent"
 6     android:paddingBottom="@dimen/activity_vertical_margin"
 7     android:paddingLeft="@dimen/activity_horizontal_margin"
 8     android:paddingRight="@dimen/activity_horizontal_margin"
 9     android:paddingTop="@dimen/activity_vertical_margin"
10     tools:context="com.example.ubuntu.listviewtest.MainActivity">
11 
12     <ListView
13         android:id="@+id/lv"
14         android:layout_width="match_parent"
15         android:layout_height="wrap_content"
16         />
17 </RelativeLayout>

MainActivity.java的初始化

 1 package com.example.ubuntu.listviewtest;
 2 
 3 import android.support.v7.app.AppCompatActivity;
 4 import android.os.Bundle;
 5 import android.widget.ArrayAdapter;
 6 import android.widget.ListView;
 7 
 8 public class MainActivity extends AppCompatActivity {
 9 
10     public ListView mListView;//定義listView對象
11     public String[] strs = {"one","two","three","four","five"};//生成數據集
12 
13     @Override
14     protected void onCreate(Bundle savedInstanceState) {
15         super.onCreate(savedInstanceState);
16         setContentView(R.layout.activity_main);
17 
18         mListView =(ListView)findViewById(R.id.lv);//初始化listview
19         mListView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,strs));//適配數據
20     }
21 }

View Code

效果以下圖所示：

總結一下使用步驟：

（1）定義一個數組來存放ListView中item的內容。（原始數據）

（2）經過實現ArrayAdapter的構造函數來建立一個ArrayAdapter的對象。(new ArrayAdapter())

（3）經過ListView的setAdapter()方法綁定ArrayAdapter。

其中第二步有必要說一下的是，ArrayAdapter有多個構造函數，例子中實現的是最經常使用的一種。第一個參數爲上下文，第二個參數爲一個包含TextView的layout，用來填充ListView的每一行的佈局資源ID。第三個參數爲ListView的內容。 其中第二個參數能夠自定義一個layout，可是這個layout必需要有TextView控件。一般咱們使用Android提供的資源，除了例子中所用的，經常使用的還有以下幾種，可實現帶RadioButton和CheckBox的ListView。

（1）經過指定android.R.layout.simple_list_item_checked這個資源，實現帶選擇框的ListView。須要用setChoiceMode()方法設定選擇爲多選仍是單選，不然將不能實現選擇效果，運行效果以下圖所示。

 
lv.setAdapter(new ArrayAdapter<String>(this,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()方法來設置單選或者多選，運行效果如圖所示。

實現代碼以下：

1 lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_multiple_choice, strs));
2 lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

（3）經過指定android.R.layout.simple_list_item_single_choice這個資源實現帶RadioButton的ListView。這裏要注意的是，這裏並非指定了單選。是多選仍是單選要經過setChoiceMode()方法來指定，運行效果如圖所示。

實現代碼以下：

1 lv.setAdapter(newArrayAdapter<String>(this,android.R.layout.simple_list_item_single_choice,strs));
2 lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

在前面講到過，ListView的職責除了填充數據外，還要處理用戶的操做。經過以下的代碼就能夠爲ListView綁定一個點擊監聽器，點擊後在標題欄顯示點擊的行數。

1 lv.setOnItemClickListener(new OnItemClickListener() {
2      @Override
3      publicvoid onItemClick(AdapterView<?> parent, View view, int position, long id) {
4           //點擊後在標題上顯示點擊了第幾行                    
5           setTitle("你點擊了第"+arg2+"行");
6      }
7 });

B.使用SimpleAdapter

不少時候須要在列表中展現一些除了文字之外的東西，好比圖片等。這時候可使用SimpleAdapter。SimpleAdapter的使用也很是簡單，同時它的功能也很是強大。能夠經過它自定義ListView中的item的內容，好比圖片、多選框等。看一個例子，實現一個每一行都有一個ImageView和TextView的ListView。先看一下運行效果，如圖所示。

首先在佈局文件中增長一個ListView控件。

還須要定義一個ListView中每一行的佈局，用RelativeLayout來實現一個帶兩行字和一個圖片的佈局。

item.xml:

 1 <?xmlversion="1.0"encoding="utf-8"?>
 2 <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
 3 android:layout_height="fill_parent" android:layout_width="fill_parent"> 
 4 
 5     <ImageView
 6         android:layout_alignParentRight="true" 
 7         android:layout_width="wrap_content"
 8         android:layout_height="wrap_content" 
 9         android:id="@+id/ItemImage"/> 
10     <TextView
11         android:id="@+id/ItemTitle" 
12         android:layout_height="wrap_content" 
13         android:layout_width="fill_parent" 
14         android:textSize="20sp"/>
15      <TextView
16         android:id="@+id/ItemText" 
17         android:layout_height="wrap_content" 
18         android:layout_width="fill_parent" 
19         android:layout_below="@+id/ItemTitle"/> 
20 </RelativeLayout>

配置完畢，就能夠在Java代碼中爲ListView綁定數據。

 1 public class MyListViewSimple extends Activity {
 2     private ListView lv;
 3     /** Called when the activity is first created. */ @Override
 4     public void onCreate(Bundle savedInstanceState) {
 5         super.onCreate(savedInstanceState);
 6         setContentView(R.layout.main);
 7         lv = (ListView) findViewById(R.id.lv);/*定義一個動態數組*/          
 8         ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();/*在數組中存放數據*/
 9         for(int i=0;i<10;i++){  
10             HashMap<String, Object> map = new HashMap<String, Object>();  
11             map.put("ItemImage", R.drawable.icon);//加入圖片            
12             map.put("ItemTitle", "第"+i+"行");  
13             map.put("ItemText", "這是第"+i+"行");  
14             listItem.add(map);  
15         } 
16         SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,
17         //須要綁定的數據             
18         R.layout.item,
19         //每一行的佈局//動態數組中的數據源的鍵對應到定義佈局的View中
20         new String[] {"ItemImage","ItemTitle", "ItemText"},
21         new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});
22         lv.setAdapter(mSimpleAdapter);//爲ListView綁定適配器 
23         lv.setOnItemClickListener(new 
24             OnItemClickListener() {
25             @Override
26             publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
27                     long arg3) {
28                 setTitle("你點擊了第"+arg2+"行");//設置標題欄顯示點擊的行                
29             }
30         });
31     }
32 }

View Code

使用simpleAdapter的數據通常都是用HashMap構成的列表，列表的每一節對應ListView的每一行。經過SimpleAdapter的構造函數，將HashMap的每一個鍵的數據映射到佈局文件中對應控件上。這個佈局文件通常根據本身的須要來本身定義。梳理一下使用SimpleAdapter的步驟。

（1）根據須要定義ListView每行所實現的佈局。

item.xml

（2）定義一個HashMap構成的列表，將數據以鍵值對的方式存放在裏面

ArrayList<HashMap<String,Object>> listItem = new ArrayList<HashMap<String, Object>>();

（3）構造SimpleAdapter對象

SimpleAdapter mSimpleAdapter = new SimpleAdapter

（4）將LsitView綁定到SimpleAdapter上。

lv.setAdapter(mSimpleAdapter);

C.使用BaseAdapter

　　在ListView的使用中，有時候還須要在裏面加入按鈕等控件，實現單獨的操做。也就是說，這個ListView再也不只是展現數據，也不只僅是這一行要來處理用戶的操做，而是裏面的控件要得到用戶的焦點。讀者能夠試試用SimpleAdapter添加一個按鈕到ListView的條目中，會發現能夠添加，可是卻沒法得到焦點，點擊操做被ListView的Item所覆蓋。這時候最方便的方法就是使用靈活的適配器BaseAdapter了。

　　使用BaseAdapter必須寫一個類繼承它，因爲BaseAdapter是一個抽象類，繼承它必須實現它的方法。BaseAdapter的靈活性就在於它要重寫不少方法，看一下有哪些方法，以下圖所示

爲繼承自BaseAdapter的SpeechListAdapter所實現的方法，其中最重要的即爲getView()方法。這些方法都有什麼做用呢？咱們經過分析ListView的原理來解答。

當系統開始繪製ListView的時候，首先調用getCount()方法。獲得它的返回值，即ListView的長度。而後系統調用getView()方法，根據這個長度逐一繪製ListView的每一行。也就是說，若是讓getCount()返回1，那麼只顯示一行。而getItem()和getItemId()則在須要處理和取得Adapter中的數據時調用。那麼getView如何使用呢？若是有10000行數據，就繪製10000次？這確定會極大的消耗資源，致使ListView滑動很是的慢，那應該怎麼作呢？經過一個例子來說解如何在使用BaseAdapter的時候優化ListView的顯示。例子中將上一節中的ImageView換成Button，而且處理Button的點擊事件，其中對ListView的顯示作了優化。

 1 /*      
 2 * 新建一個類繼承BaseAdapter，實現視圖與數據的綁定
 3 */ 
 4 private class MyAdapter extends BaseAdapter {
 5     private LayoutInflater mInflater;//獲得一個LayoutInfalter對象用來導入佈局 
 6 
 7     /*構造函數*/ 
 8     public MyAdapter(Context context) {
 9         this.mInflater = LayoutInflater.from(context);
10     }
11     @Override
12     publicint getCount() {
13         return getDate().size();//返回數組的長度        
14     }
15     @Override
16     public Object getItem(int position) {
17         return null;
18     }
19     @Override
20     public long getItemId(int position) {
21         return 0;
22     }
23     /*書中詳細解釋該方法*/         
24     @Override
25     public View getView(finalint position, View convertView, ViewGroup parent) {
26         ViewHolder holder;
27         //觀察convertView隨ListView滾動狀況             
28         Log.v("MyListViewBase", "getView " + position + " " + convertView);
29         if (convertView == null) {
30             convertView = mInflater.inflate(R.layout.item,null);
31             holder = new ViewHolder();
32             /*獲得各個控件的對象*/                    
33             holder.title = (TextView) convertView.findViewById(R.id.ItemTitle);
34             holder.text = (TextView) convertView.findViewById(R.id.ItemText);
35             holder.bt = (Button) convertView.findViewById(R.id.ItemButton);
36             convertView.setTag(holder);//綁定ViewHolder對象                   
37         }
38         else{
39             holder = (ViewHolder)convertView.getTag();//取出ViewHolder對象                  
40             /*設置TextView顯示的內容，即咱們存放在動態數組中的數據*/             
41             holder.title.setText(getDate().get(position).get("ItemTitle").toString());
42             holder.text.setText(getDate().get(position).get("ItemText").toString());
43          }
44          /*爲Button添加點擊事件*/              
45          holder.bt.setOnClickListener(new OnClickListener() {
46                 @Override
47                 publicvoid onClick(View v) {
48                 Log.v("MyListViewBase", "你點擊了按鈕" + position);//打印Button的點擊信息             
49                 }
50             });
51             return convertView;
52         }
53     
54     }
55     /*存放控件*/ 
56     public final class ViewHolder{
57         public TextView title;
58         public TextView text;
59         public Button   bt;
60     }
61 }

View Code

運行效果如圖所示。還須要注意的是，Button會搶奪ListView的焦點，須要將Button設置爲沒有焦點。設置很是簡單，只須要在xml的Button標籤下加入一行：android:focusable=「false」代碼就能夠了。在LogCat觀察點擊後輸出的信息，以下圖所示。

代碼中getView()方法不容易理解。其實徹底能夠不用所謂的convertView和ViewHolder，直接導入佈局而且設置控件顯示的內容就能夠了。可是這意味着有多少行數據就須要繪製多少行ListView，這顯然是不可取的。這裏採用了一種優化的方法。代碼中，在getView()方法中加入了一行log輸出convertView的內容。滾動ListView，輸出信息如圖4-38所示。

從圖中能夠看出，當啓動Activity呈現第一屏ListView的時候，convertView爲NULL。當用戶向下滾動ListView時，上面的條目變爲不可見，下面出現新的條目。這時候convertView再也不爲空，而是建立了一系列的convertView的值。當又往下滾一屏的時候，發現第11行的容器用來容納第22行，第12行的容器用來容納第23行。也就是說convertView至關於一個緩存，開始爲0，當有條目變爲不可見，它緩存了它的數據，後面再出來的條目只須要更新數據就能夠了，這樣大大節省了系統資料的開銷。還能夠繼續優化。雖然重複利用了已經繪製的view，可是要獲得其中的控件，須要在控件的容器中經過findViewById的方法來得到。若是這個容器很是複雜，這顯然會增長系統資源的開銷。在上面的例子中，引入了Tag的概念。或許不是最好的辦法，可是它確實能使ListView變得更流暢。代碼中，當convertView爲空時，用setTag()方法爲每一個View綁定一個存放控件的ViewHolder對象。當convertView不爲空，重複利用已經建立的view的時候，使用getTag()方法獲取綁定的ViewHolder對象，這樣就避免了findViewById對控件的層層查詢，而是快速定位到控件。

總結一下，這節介紹了用BaseAdapter來綁定ListView的數據。由於BaseAdapter很是靈活，使用也相對較其餘控件麻煩。同時ListView的優化問題也值得讀者去研究，一個流暢的ListView會帶來更好的用戶體驗。