本文講實現一個自定義列表的Android程序,程序將實現一個使用自定義的適配器(Adapter)綁定
數據,通過contextView.setTag綁定數據有按鈕的ListView。
系統顯示列表(ListView)時,首先會實例化一個適配器,本文將實例化一個自定義的適配器。實現
自定義適配器,必須手動映射數據,這時就需要重寫getView()方法,系統在繪制列表的每一行的時候
將調用此方法。
ListView在開始繪制的時候,系統自動調用getCount()函數,根據函數返回值得到ListView的長度,
然后根據這個長度,調用getView()逐一畫出每一行。
具體使用方法可以參考下面代碼,只需記住Android自定義ListView三步驟:
第一步:準備主布局文件、組件布局文件等
第二步:獲取并整理數據
第三部:綁定數據,這里我們是通過自己編寫Adapter類來完成的
1.首先新建一個list.XML
- <?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
- 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);
- }
-
-
-
-
- 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;
- }
-
- }
關于上面LayoutInflater的使用:在實際開發種LayoutInflater這個類還是非常有用的。它的作用類似
于 findViewById(),不同點是LayoutInflater是用來找layout下xml布局文件,并且會實例化!。
getView()的三個參數:position表示將顯示的是第幾行,covertView是從布局文件中inflate來的布
局。我們用LayoutInflater的方法將定義好的list.xml文件提取成View實例用來顯示。然后將xml文件
中的各個組件實例化,這樣便可以將數據對應到各個組件上了。但是按鈕為了響應點擊事件,需要為
它添加點擊監聽器,這樣就能捕獲點擊事件。
3、activity_main.xml中添加ListView控件
- <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=".MainActivity" >
- <ListView
- android:id="@+id/list"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"></ListView>
- </RelativeLayout>
4、在activity中調用ListView
- public class MainActivity extends Activity {
-
- private ListView listView=null;
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
- listView=(ListView)findViewById(R.id.list);
- List<Map<String, Object>> list=getData();
- listView.setAdapter(new MyAdspter(this, list));
- }
- @Override
- public boolean onCreateOptionsMenu(Menu menu) {
- getMenuInflater().inflate(R.menu.main, menu);
- return true;
- }
-
- public List<Map<String, Object>> getData(){
- List<Map<String, Object>> list=new ArrayList<Map<String,Object>>();
- for (int i = 0; i < 10; i++) {
- Map<String, Object> map=new HashMap<String, Object>();
- map.put("image", R.drawable.ic_launcher);
- map.put("title", "這是一個標題"+i);
- map.put("info", "這是一個詳細信息"+i);
- list.add(map);
- }
- return list;
- }
- }
