本文講實作一個自訂清單的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
於 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; } }
Java