首頁 > Java > java教程 > Android 自訂ListView

Android 自訂ListView

高洛峰
發布: 2016-12-13 17:01:03
原創
1325 人瀏覽過

本文講實作一個自訂清單的Android程序,程式將實作一個使用自訂的適配器(Adapter)綁定 
數據,透過contextView.setTag綁定資料有按鈕的ListView。 
系統顯示清單(ListView)時,首先會實例化一個適配器,本文將實例化一個自訂的適配器。實作 
自訂適配器,必須手動映射數據,這時就需要重寫getView()方法,系統在繪製列表的每一行的時候 
將呼叫此方法。 
ListView在開始繪製的時候,系統會自動呼叫getCount()函數,根據函數傳回值得到ListView的長度, 
然後根據這個長度,呼叫getView()逐一畫出每一行。
具體使用方法可以參考下面程式碼,只要記住Android自訂ListView三步驟: 
第一步:準備主佈局檔案、元件佈局檔等 
第二步:取得並整理資料 
第三部:綁定數據,這裡我們是透過自己寫Adapter類別來完成的 
1.首先新建一個list.XML 

Java程式碼 

<?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="vertical" >  
    <LinearLayout android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:orientation="horizontal" android:background="#f1e4f1">  
        <ImageView   
            android:id="@+id/image"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"/>  
        <TextView   
            android:id="@+id/title"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:textColor="#666872"/>  
        <Button   
            android:id="@+id/view"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="详细"/>  
    </LinearLayout>  
    <TextView   
        android:id="@+id/info"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:textColor="#666872"/>  
</LinearLayout>
登入後複製

2、新建一個適配器類別MyAdspter.java 

使用:在實際開發種LayoutInflater這個類別還是非常有用的。它的作用類似 

於 findViewById(),不同點是LayoutInflater是用來找layout下xml佈局文件,並且會實例化! 。 

getView()的三個參數:position表示將顯示的是第幾行,covertView是從佈局檔案中inflate來的布 

局。我們用LayoutInflater的方法將定義好的list.xml檔提取成View實例用來顯示。接著將xml檔 
中的各個元件實例化,這樣便可以將資料對應到各個元件上了。但是按鈕為了回應點擊事件,需要為 
它新增點擊監聽器,這樣就能捕捉點擊事件。 
3、activity_main.xml中新增ListView控制項 


Java程式碼 

public class MyAdspter extends BaseAdapter {  
  
    private List<Map<String, Object>> data;  
    private LayoutInflater layoutInflater;  
    private Context context;  
    public MyAdspter(Context context,List<Map<String, Object>> data){  
        this.context=context;  
        this.data=data;  
        this.layoutInflater=LayoutInflater.from(context);  
    }  
    /** 
     * 组件集合,对应list.xml中的控件 
     * @author Administrator 
     */  
    public final class Zujian{  
        public ImageView image;  
        public TextView title;  
        public Button view;  
        public TextView info;  
    }  
    @Override  
    public int getCount() {  
        return data.size();  
    }  
    /** 
     * 获得某一位置的数据 
     */  
    @Override  
    public Object getItem(int position) {  
        return data.get(position);  
    }  
    /** 
     * 获得唯一标识 
     */  
    @Override  
    public long getItemId(int position) {  
        return position;  
    }  
  
    @Override  
    public View getView(int position, View convertView, ViewGroup parent) {  
        Zujian zujian=null;  
        if(convertView==null){  
            zujian=new Zujian();  
            //获得组件,实例化组件  
            convertView=layoutInflater.inflate(R.layout.list, null);  
            zujian.image=(ImageView)convertView.findViewById(R.id.image);  
            zujian.title=(TextView)convertView.findViewById(R.id.title);  
            zujian.view=(Button)convertView.findViewById(R.id.view);  
            zujian.info=(TextView)convertView.findViewById(R.id.info);  
            convertView.setTag(zujian);  
        }else{  
            zujian=(Zujian)convertView.getTag();  
        }  
        //绑定数据  
        zujian.image.setBackgroundResource((Integer)data.get(position).get("image"));  
        zujian.title.setText((String)data.get(position).get("title"));  
        zujian.info.setText((String)data.get(position).get("info"));  
        return convertView;  
    }  
  
}
登入後複製
4、在activity中呼叫ListView 

Java

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板