天天看點

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

前言

  • ListView

    Android

    開發中十分常見
  • 今天,我将為大家帶來

    ListView

    AdapterView

    全面解析,含其特點、工作原理等,希望你們會喜歡。

Carson帶你學Android系列文章

Carson帶你學Android:學習方法

Carson帶你學Android:四大元件

Carson帶你學Android:自定義View

Carson帶你學Android:異步-多線程

Carson帶你學Android:性能優化

Carson帶你學Android:動畫

目錄

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

1. 簡介

  • Android

    中的一種清單視圖元件
  • 繼承自

    AdapterView

    抽象類,類圖關系如下
Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

2. 作用

集合多個 “項”(稱為:

Item

) & 以清單的形式 展示

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

3. 工作原理

3.1 本質原理

  • ListView

    僅作為容器(清單),用于裝載 & 顯示資料(即 清單項

    Item

  • 而容器内的具體資料(清單項

    Item

    )則是由 擴充卡(

    Adapter

    )提供
擴充卡(Adapter):作為

View

和 資料之間的橋梁 & 中介,将資料映射到要展示的

View

  • 當需顯示資料時,

    ListView

    會向

    Adapter

    取出資料,進而加載顯示,具體如下圖
Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!
  • 結論

    ListView

    負責以清單的形式顯示

    Adapter

    提供的内容

3.2 緩存原理

試想一個場景:若把所有資料集合的資訊都加載到

ListView

上顯示,若

ListView

要為每個資料都建立一個視圖,那麼會占用非常多的記憶體
  • 為了節省空間和時間,

    ListView

    不會為每一個資料建立一個視圖,而是采用了Recycler元件,用于回收 & 複用

    View

  • 當螢幕需顯示

    x

    Item

    時,那麼

    ListView

    會建立

    x+1

    個視圖;當第1個

    Item

    離開螢幕時,此

    Item

    View

    被回收至緩存,入屏的

    Item

    View

    會優先從該緩存中擷取
注:
  1. 隻有

    Item

    完全離開螢幕後才可複用,這也是為什麼

    ListView

    要建立比螢幕需顯示視圖多1個的原因:緩沖 顯示視圖
  2. 即:第1個

    Item

    離開螢幕是有過程的,會有1個 第1個

    Item

    的下半部分 & 第8個

    Item

    上半部分同時在螢幕中顯示的狀态,此時仍無法使用緩存的

    View

    ,隻能繼續用新建立的視圖

    View

  • 執行個體示範

    設:螢幕隻能顯示5個

    Item

    ,那麼

    ListView

    隻會建立(5+1)個

    Item

    的視圖;當第1個

    Item

    完全離開螢幕後才會回收至緩存進而複用(用于顯示第7個

    Item

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

4. 具體使用

1. 生成方式

生成清單視圖(ListView)的方式主要有兩種:

  • 直接用ListView進行建立
  • 讓Activity繼承ListActivity

2. xml檔案配置資訊

<LinearLayout 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:background="#FFE1FF"   
    android:orientation="vertical" >   
    <ListView   
        android:id="@+id/listView1"   
        android:layout_width="match_parent"   
        android:layout_height="match_parent" />   
</LinearLayout>  
           

AbsListView的常用屬性和相關方法:

屬性 說明 備注
android:choiceMode 清單的選擇行為,預設:none沒有選擇行為 選擇方式: none:不顯示任何選中項 singleChoice:允許單選multipleChoice:允許多選multipleChoiceModal:允許多選 (把Activity裡面adapter的第二個參數改成支援選擇的布局)
android:drawSelectorOnTop 如果該屬性設定為true,選中的清單項将會顯示在上面
android:listSelector 為點選到的Item設定圖檔 如果該屬性設定為true,選中的清單項将會顯示在上面
android:fastScrollEnabled 設定是否允許快速滾動 如果該屬性設定為true,将會顯示滾動圖示,并允許使用者拖動該滾動圖示進行快速滾動。
android:listSelector 指定被選中的清單項上繪制的Drawable
android:scrollingCache 滾動時是否使用緩存 如果設定為true,則在滾動時将會使用緩存
android:stackFromBottom 設定是否從底端開始排列清單項
android:transcriptMode 指定清單添加新的選項的時候,是否自動滑動到底部,顯示新的選項。 disabled:取消transcriptMode模式;預設的normal:當接受到資料集合改變的通知,并且僅僅當最後一個選項已經顯示在螢幕的時候,自動滑動到底部。 alwaysScroll:無論目前清單顯示什麼選項,清單将會自動滑動到底部顯示最新的選項。

Listview提供的XML屬性:

XML屬性 說明 備注
android:divider 設定List清單項的分隔條(可用顔色分割,也可用圖檔(Drawable)分割 不設定清單之間的分割線,可設定屬性為@null
android:dividerHeight 用于設定分隔條的高度
android:background屬性 設定清單的背景
android:entries 指定一個數組資源,Android将根據該數組資源來生成ListView
android:footerDividerEnabled 如果設定成false,則不在footer View之前繪制分隔條
andorid:headerDividerEnabled 如果設定成false,則不再header View之前繪制分隔條

5. Adapter簡介

Adapter本身是一個接口,Adapter接口及其子類的繼承關系如下圖:

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!
  • Adapter接口派生了ListAdapter和SpinnerAdapter兩個子接口
其中ListAdapter為AbsAdapter提供清單項,而SpinnerAdapter為AbsSpinner提供清單項
  • ArrayAdapter、SimpleAdapter、SimpleCursorAdapter、BaseAdapter都是常用的實作擴充卡的類
  1. ArrayAdapter:簡單、易用的Adapter,用于将數組綁定為清單項的資料源,支援泛型操作
  2. SimpleAdapter:功能強大的Adapter,用于将XML中控件綁定為清單項的資料源
  3. SimpleCursorAdapter:與SimpleAdapter類似,用于綁定遊标(直接從資料數取出資料)作為清單項的資料源
  4. BaseAdapter:可自定義ListView,通用用于被擴充。擴充BaseAdapter可以對各個清單項進行最大程度的定制。

6. 常用擴充卡介紹

6.1 ArrayAdapter

定義

簡單、易用的Adapter,用于将數組綁定為清單項的資料源,支援泛型操作

步驟

1. 在xml檔案布局上實作ListView

<?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:paddingBottom="@dimen/activity_vertical_margin"    
android:paddingLeft="@dimen/activity_horizontal_margin"    
android:paddingRight="@dimen/activity_horizontal_margin"    
android:paddingTop="@dimen/activity_vertical_margin"    
tools:context="com.example.carson_ho.adapte_demo.MainActivity">   
 <ListView        
  android:id="@+id/list_item"        
  android:layout_width="match_parent"        
  android:layout_height="match_parent"        
  android:divider="#f00"        
  android:dividerHeight="1sp"        
  android:headerDividersEnabled="false">        
</ListView>
</RelativeLayout>
           
Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

2. 在MainActivity上定義一個連結清單,将所要展示的資料以存放在裡面

3. 構造ArrayAdapter對象,設定擴充卡

4. 将LsitView綁定到ArrayAdapter上

如下圖:

public class MainActivity extends AppCompatActivity {     


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

       ListView listView = (ListView) findViewById(R.id.list_item);
        //定義一個連結清單用于存放要顯示的資料
        final List<String> adapterData = new ArrayList<String>();
        //存放要顯示的資料
        for (int i = 0; i < 20; i++) {
            adapterData.add("ListItem" + i);
        }
        //建立ArrayAdapter對象adapter并設定擴充卡
         ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, adapterData);
        //将LsitView綁定到ArrayAdapter上
        listView.setAdapter(adapter);
    }
}
           
建立ArrayAdapter對象要指定三個參數:
  • context:代表方位Android應用的接口
  • textViewRseourceld:資源ID,代表一個TextView
  • 數組:清單項展示的資料

5. 在xml檔案布局添加資源檔案TextView,該TextView元件将作清單項的元件

<?xml version="1.0" encoding="utf-8"?>

<TextView xmlns:android="http://schemas.android.com/apk/res/android"    
android:layout_width="match_parent"    
android:layout_height="wrap_content">
android:textSize="24sp"
</TextView>
           

最終效果圖

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

缺點

ArrayAdapter較為簡單,易用,但每個清單項隻能是TextView,功能實作的局限性非常大。

6.2 SimpleAdapter

  • 定義:功能強大的Adapter,用于将XML中控件綁定作為清單項的資料源
  • 特點:可對每個清單項進行定制(自定義布局),能滿足大多數開發的需求場景,靈活性較大

步驟

1. 在xml檔案布局上實作ListView

<?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:paddingBottom="@dimen/activity_vertical_margin"    
android:paddingLeft="@dimen/activity_horizontal_margin"    
android:paddingRight="@dimen/activity_horizontal_margin"    
android:paddingTop="@dimen/activity_vertical_margin"    
tools:context="com.example.carson_ho.adapte_demo.MainActivity">   
 <ListView        
  android:id="@+id/list_item"        
  android:layout_width="match_parent"        
  android:layout_height="match_parent"        
  android:divider="#f00"        
  android:dividerHeight="1sp"        
  android:headerDividersEnabled="false">        
</ListView>
</RelativeLayout>
           

2. 根據實際需求定制清單項:實作ListView每行的xml布局(即item布局)

<?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">        

<TextView            
android:id="@+id/name"            
android:layout_width="wrap_content"            
android:layout_height="wrap_content"            
android:textSize="17sp"            
android:paddingLeft="14dp"/>        
<TextView            
android:id="@+id/address"            
android:layout_below="@id/name"            
android:textSize="17sp"            
android:layout_width="wrap_content"            
android:layout_height="wrap_content" />        
<TextView            
android:id="@+id/lowerest_wholesale"            
android:layout_toRightOf="@id/address"            
android:textSize="17sp"            
android:layout_width="wrap_content"            
android:layout_height="wrap_content" />        
<TextView            
android:id="@+id/price"            
android:textSize="17sp"            
android:layout_below="@id/address"            
android:layout_width="wrap_content"            
android:layout_height="wrap_content" />        
<ImageView            
android:id="@+id/picture"            
android:layout_alignParentRight="true"            
android:layout_width="115dp"            
android:layout_height="86dp"         />        
</RelativeLayout>
           

3. 定義一個HashMap構成的清單以鍵值對的方式存放資料

4. 構造SimpleAdapter對象,設定擴充卡

5. 将LsitView綁定到SimpleAdapter上

public class MainActivity extends AppCompatActivity {
//定義數組以填充資料
    private String[] name=new String[]{            
"威龍注塑機","霸龍注塑機","恐龍注塑機"    };    
    private String[] address =new String[]{        
"廣東","北京","黑龍江"    };    
    private int[] lowerest_wholesale =new int[]{            
11,22,33    };    
    private int[] price =new int[]{            
11,22,33    };    
    private int[] picture =new int[]{
            R.drawable.home_selected,
            R.drawable.home_selected, 
            R.drawable.home_selected   };    

@Override    
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);   
         setContentView(R.layout.activity_main);

//定義一個HashMap構成的清單以鍵值對的方式存放資料
ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();        
//循環填充資料   
for(int i=0;i<name.length;i++)        { 
HashMap<String,Object> map = new HashMap<String,Object>();            
map.put("name", name[i]);            
map.put("address", address[i]);            
map.put("lowerest_wholesale", lowerest_wholesale[i]);            
map.put("price", price[i]);            
map.put("picture", picture[i]);            
listItem.add(map);       
 }        

//構造SimpleAdapter對象,設定擴充卡        
SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,
listItem,//需要綁定的資料                
R.layout.item_imformation,//每一行的布局                
new String[] {"name","address", "lowerest_wholesale","price","picture"},
//數組中的資料源的鍵對應到定義布局的View中                
new int[] {R.id.name,R.id.address,R.id.lowerest_wholesale,R.id.price,R.id.picture});        
ListView list= (ListView) findViewById(R.id.list_item);        
//為ListView綁定擴充卡        
list.setAdapter(mSimpleAdapter);   
   }
}
           

結果顯示

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

6.3 BaseAdapter

定義

可自定義ListView,通用用于被擴充。擴充BaseAdapter可以對各個清單項進行最大程度的定制

使用步驟:

  1. 定義主xml布局
  2. 根據需要定義ListView每行所實作的xml布局
  3. 定義一個Adapter類繼承BaseAdapter,重寫裡面的方法。
  4. 定義一個HashMap構成的清單,将資料以鍵值對的方式存放在裡面。
  5. 構造Adapter對象,設定擴充卡。
  6. 将LsitView綁定到Adapter上。

先定義一個Adapter類繼承BaseAdapter,并重寫裡面的方法

使用BaseAdapter必須寫一個類繼承它,同時BaseAdapter是一個抽象類,繼承它必須實作它的方法。
class MyAdapter extends BaseAdapter {
    private LayoutInflater mInflater;//得到一個LayoutInfalter對象用來導入布局

 //構造函數
    public MyAdapter(Context context,ArrayList<HashMap<String, Object>> listItem) {
        this.mInflater = LayoutInflater.from(context);
        this.listItem = listItem;
    }//聲明構造函數

    @Override
    public int getCount() {
        return listItem.size();
    }//這個方法傳回了在擴充卡中所代表的資料集合的條目數

    @Override
    public Object getItem(int position) {
        return listItem.get(position);
    }//這個方法傳回了資料集合中與指定索引position對應的資料項

    @Override
    public long getItemId(int position) {
        return position;
    }//這個方法傳回了在清單中與指定索引對應的行id


    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        return null;
    }//這個方法傳回了指定索引對應的資料項的視圖,還沒寫完
}

           

這裡主要講一下BaseAdapter裡必須要重寫的4個方法

  • BaseAdapter的靈活性就在于它要重寫很多方法,其中最重要的即為getView()方法。
  • 我們結合上述重寫的4個方法了解ListView的繪制過程:
Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

其中,重點講解重寫的

getView()

方式,總共有3種

/**
  * 重寫方式1:直接傳回了指定索引對應的資料項的視圖
  */
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View item = mInflater.inflate(R.layout.item,null);
        ImageView img = (ImageView)item.findViewById(R.id.ItemImage);
        TextView title = (TextView)item.findViewById(R.id.ItemTitle);
        TextView test = (TextView)item.findViewById(R.id.ItemText);
        Button btn = (Button) item.findViewById(R.id.ItemBottom);
        img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        title.setText((String) listItem.get(position).get("ItemTitle"));
        test.setText((String) listItem.get(position).get("ItemText"));

        return item;
    }
    // 缺點:
    // 每次調用getView()時,都要重新通過 findViewById() 尋找View元件 & 重新繪制View
    // 當清單項資料量很大時會嚴重影響性能,即展現為下拉很慢、卡

/**
  * 重寫方式2:使用convertView作為View緩存(優化)
  * 具體原理:
  *       // a. 将 convertView作為getView()的輸入參數 & 傳回參數,進而形成回報
  *       // b. 形成了Adapter的itemView重用機制,減少了重繪View的次數
  */
     @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        // 檢測有無可重用的View,若無就重新繪制
        if(convertView == null)
        {
            convertView = mInflater.inflate(R.layout.item, null);
        }
        ImageView img = (ImageView)convertView.findViewById(R.id.ItemImage);
        TextView title = (TextView)convertView.findViewById(R.id.ItemTitle);
        TextView test = (TextView)convertView.findViewById(R.id.ItemText);
        Button btn = (Button) convertView.findViewById(R.id.ItemBottom);
        img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        title.setText((String) listItem.get(position).get("ItemTitle"));
        test.setText((String) listItem.get(position).get("ItemText"));

        return convertView;
        // 最終傳回convertView形成回報
    }

    // 優點:減少了重繪View的次數
    // 缺點:但是每次都要通過 findViewById() 尋找View元件

/**
  * 重寫方式3:在方式2的基礎上,使用ViewHolder實作更加具體的緩存:View元件緩存
  * 具體原理:
  *       // a. 将 convertView作為getView()的輸入參數 & 傳回參數,進而形成回報
  *       // b. 形成了Adapter的itemView重用機制,減少了重繪View的次數
  */
    static class ViewHolder

        {
            public ImageView img;
            public TextView title;
            public TextView text;
            public Button btn;
        }

    @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder ;
            if(convertView == null)
            {
                holder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.item, null);
                holder.img = (ImageView)convertView.findViewById(R.id.ItemImage);
                holder.title = (TextView)convertView.findViewById(R.id.ItemTitle);
                holder.text = (TextView)convertView.findViewById(R.id.ItemText);
                holder.btn = (Button) convertView.findViewById(R.id.ItemBottom);
                convertView.setTag(holder);
            }
            else {
                holder = (ViewHolder)convertView.getTag();

            }
            holder.img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
            holder.title.setText((String) listItem.get(position).get("ItemTitle"));
            holder.text.setText((String) listItem.get(position).get("ItemText"));

            return convertView;
        }
  // 優點:重用View時就不用通過 findViewById()重新 尋找View元件,同時也減少了重繪View的次數,是ListView使用的最優化方案
           
  • 方案3(通過

    convertView+ViewHolder

    重寫

    getView()

    )是

    ListView

    使用的最優化,是以非常推薦大家使用
  • 總結:ListView的優化
Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!
  • 最優化方案的完整實作方案
  1. 定義主xml的布局

    activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:background="#FFFFFF"
    android:orientation="vertical" >
    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>
           
  1. 根據需要,定義ListView每行所實作的xml布局(item布局)

    item.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">
    <ImageView
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ItemImage"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按鈕"
        android:id="@+id/ItemBottom"
        android:focusable="false"
        android:layout_toLeftOf="@+id/ItemImage" />
    <TextView android:id="@+id/ItemTitle"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:textSize="20sp"/>
    <TextView android:id="@+id/ItemText"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_below="@+id/ItemTitle"/>
</RelativeLayout>
           
  1. 定義一個Adapter類繼承BaseAdapter,重寫裡面的方法。
(利用convertView+ViewHolder來重寫getView())

MyAdapter.java

package scut.learnlistview;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;

/**
 * Created by yany on 2016/4/11.
 */
class MyAdapter extends BaseAdapter {
    private LayoutInflater mInflater;//得到一個LayoutInfalter對象用來導入布局 
    ArrayList<HashMap<String, Object>> listItem;

    public MyAdapter(Context context,ArrayList<HashMap<String, Object>> listItem) {
        this.mInflater = LayoutInflater.from(context);
        this.listItem = listItem;
    }//聲明構造函數

    @Override
    public int getCount() {
        return listItem.size();
    }//這個方法傳回了在擴充卡中所代表的資料集合的條目數

    @Override
    public Object getItem(int position) {
        return listItem.get(position);
    }//這個方法傳回了資料集合中與指定索引position對應的資料項

    @Override
    public long getItemId(int position) {
        return position;
    }//這個方法傳回了在清單中與指定索引對應的行id

//利用convertView+ViewHolder來重寫getView()
    static class ViewHolder
    {
        public ImageView img;
        public TextView title;
        public TextView text;
        public Button btn;
    }//聲明一個外部靜态類
    @Override
    public View getView(final int position, View convertView, final ViewGroup parent) {
        ViewHolder holder ;
        if(convertView == null)
        {
            holder = new ViewHolder();
            convertView = mInflater.inflate(R.layout.item, null);
            holder.img = (ImageView)convertView.findViewById(R.id.ItemImage);
            holder.title = (TextView)convertView.findViewById(R.id.ItemTitle);
            holder.text = (TextView)convertView.findViewById(R.id.ItemText);
            holder.btn = (Button) convertView.findViewById(R.id.ItemBottom);
            convertView.setTag(holder);
        }
        else {
            holder = (ViewHolder)convertView.getTag();

        }
        holder.img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        holder.title.setText((String) listItem.get(position).get("ItemTitle"));
        holder.text.setText((String) listItem.get(position).get("ItemText"));
        holder.btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                System.out.println("你點選了選項"+position);//bottom會覆寫item的焦點,是以要在xml裡面配置android:focusable="false"
            }
        });

        return convertView;
    }//這個方法傳回了指定索引對應的資料項的視圖
}
           

4.在MainActivity裡:

  • 定義一個HashMap構成的清單,将資料以鍵值對的方式存放在裡面。
  • 構造Adapter對象,設定擴充卡。
  • 将LsitView綁定到Adapter上。

MainActivity.java

package scut.learnlistview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ListView lv;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        lv = (ListView) findViewById(R.id.listView1);
        /*定義一個以HashMap為内容的動态數組*/
        ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();/*在數組中存放資料*/
        for (int i = 0; i < 100; i++) {
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("ItemImage", R.mipmap.ic_launcher);//加入圖檔
            map.put("ItemTitle", "第" + i + "行");
            map.put("ItemText", "這是第" + i + "行");
            listItem.add(map);
        }
        MyAdapter adapter = new MyAdapter(this, listItem);
        lv.setAdapter(adapter);//為ListView綁定擴充卡

        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                System.out.println("你點選了第" + arg2 + "行");//設定系統輸出點選的行
            }
        });

}
}
           

###運作結果

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

點選輸出結果:

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

7. 與RecylerView的差別

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

8. 總結

  • 本文全面介紹了

    ListView

    AdapterView

  • Carson帶你學Android系列文章

    Carson帶你學Android:學習方法

    Carson帶你學Android:四大元件

    Carson帶你學Android:自定義View

    Carson帶你學Android:異步-多線程

    Carson帶你學Android:性能優化

    Carson帶你學Android:動畫

歡迎關注Carson_Ho的CSDN部落格 與 公衆号!

部落格連結:https://carsonho.blog.csdn.net/

Carson帶你學Android:全面解析清單ListView與AdapterView前言目錄1. 簡介2. 作用3. 工作原理4. 具體使用5. Adapter簡介6. 常用擴充卡介紹7. 與RecylerView的差別8. 總結歡迎關注Carson_Ho的CSDN部落格 與 公衆号!請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!

請幫頂 / 評論點贊!因為你的鼓勵是我寫作的最大動力!