緊接上篇：
接下來是自定義布局的例子，我們大家先看下程序出來的效果圖：
?
代碼是：
1.???? 首先自定義布局，我們命名一個custom_list_layout.xml的布局文件，代碼如下：
?
<?xml?version="1.0"?encoding="utf-8"?>?<RelativeLayout?xmlns:android="http://schemas.android.com/apk/res/android"?????android:layout_width="fill_parent"?android:layout_height="fill_parent">?????<ImageView?android:id="@+id/p_w_picpathView"?android:layout_width="48dip"?????????android:layout_height="48dip"?android:scaleType="fitCenter"?????????android:adjustViewBounds="true"?android:layout_alignParentLeft="true"?????????android:layout_margin="5dip"></ImageView>?????<TextView?android:id="@+id/number"?android:layout_width="wrap_content"?????????android:layout_height="wrap_content"?android:textSize="14dip"?????????android:layout_toRightOf="@+id/p_w_picpathView"?android:layout_alignTop="@+id/p_w_picpathView"></TextView>?????<TextView?android:id="@+id/name"?android:layout_width="wrap_content"?????????android:layout_height="wrap_content"?android:textSize="10dip"?????????android:layout_toRightOf="@+id/p_w_picpathView"?android:layout_below="@+id/number"></TextView>?</RelativeLayout>? 2.???? 我們程序中的代碼：
?
/**??*???*/?package?com.cz.list.demo;??import?java.util.ArrayList;?import?java.util.HashMap;??import?android.app.Activity;?import?android.content.Context;?import?android.os.Bundle;?import?android.util.Log;?import?android.view.LayoutInflater;?import?android.view.View;?import?android.view.ViewGroup;?import?android.widget.ImageView;?import?android.widget.ListView;?import?android.widget.SimpleAdapter;?import?android.widget.TextView;??/**??*?@author?CZ??*???*/?public?class?CustomSimpleAdapterDemo?extends?Activity?{?????private?ListView?listView;??????@Override?????protected?void?onCreate(Bundle?savedInstanceState)?{?????????//?TODO?Auto-generated?method?stub?????????super.onCreate(savedInstanceState);?????????setContentView(R.layout.array_list_layout);?????????listView?=?(ListView)?findViewById(R.id.array_list);??????????CustomSimpleAdapter?customSimpleAdapter?=?new?CustomSimpleAdapter(?????????????????CustomSimpleAdapterDemo.this,?getHashMapData(),?????????????????R.layout.custom_list_layout);??????????listView.setAdapter(customSimpleAdapter);?????}??????????/**??????*???????*?@author?CZ??????*??自定義的類去繼承SimpleAdapter??????*/?????private?class?CustomSimpleAdapter?extends?SimpleAdapter?{?????????private?Context?context;?????????private?ArrayList<HashMap<String,?Object>>?data;?????????private?int?layoutResource;??????????/**??????????*?@param?context??????????*?@param?data??????????*?@param?resource??????????*?@param?from??????????*?@param?to??構造函數??????????*/?????????public?CustomSimpleAdapter(Context?context,?????????????????ArrayList<HashMap<String,?Object>>?data,?int?resource)?{?????????????super(context,?data,?resource,?null,?null);?????????????this.context?=?context;?????????????this.data?=?data;?????????????this.layoutResource?=?resource;?????????}??????????class?ViewHolder?{?????????????ImageView?picture;?????????????TextView?number;?????????????TextView?name;?????????}??????????/*??????????*?(non-Javadoc)??????????*???????????*?@see?android.widget.SimpleAdapter#getView(int,?android.view.View,??????????*?android.view.ViewGroup)??????????*/?????????@Override?????????public?View?getView(int?position,?View?convertView,?ViewGroup?parent)?{?????????????LayoutInflater?layoutInflater?=?(LayoutInflater)?getSystemService(LAYOUT_INFLATER_SERVICE);?????????????View?layoutView?=?layoutInflater.inflate(layoutResource,?null);?????????????ViewHolder?viewHolder?=?new?ViewHolder();?????????????viewHolder.picture?=?(ImageView)?layoutView?????????????????????.findViewById(R.id.p_w_picpathView);?????????????viewHolder.number?=?(TextView)?layoutView.findViewById(R.id.number);??????????????viewHolder.name?=?(TextView)?layoutView.findViewById(R.id.name);?????????????viewHolder.picture.setImageResource(Integer.parseInt(data.get(?????????????????????position).get("p_w_picpathView").toString()));?????????????viewHolder.number.setText(data.get(position).get("id").toString());?????????????Log.e("id",?data.get(position).get("name").toString());?????????????viewHolder.name.setText(data.get(position).get("name").toString());?????????????return?layoutView;?????????}?????}??????/**??????*???????*?@return??????*?Year:2011?Date:2011-10-23?Time:下午05:46:45??????*?Author:CZ??????*?TODO??自定義的方法綁定數據，為了避免圖片全部都一樣，我們讓三張圖片循環綁定。??????*/?????private?ArrayList<HashMap<String,?Object>>?getHashMapData()?{?????????ArrayList<HashMap<String,?Object>>?hashData?=?new?ArrayList<HashMap<String,?Object>>();?????????for?(int?i?=?0;?i?<?10;?i++)?{?????????????HashMap<String,?Object>?mItem?=?new?HashMap<String,?Object>();?????????????mItem.put("id",?"當前的編號是："?+?i);?????????????mItem.put("name",?"名字是美女"?+?i);?????????????switch?(i?%?3)?{?????????????case?0:?????????????????mItem.put("p_w_picpathView",?R.drawable.test1);?????????????????break;?????????????case?1:?????????????????mItem.put("p_w_picpathView",?R.drawable.test2);?????????????????break;?????????????case?2:?????????????????mItem.put("p_w_picpathView",?R.drawable.test3);?????????????????break;?????????????default:?????????????????mItem.put("p_w_picpathView",?R.drawable.test4);?????????????????break;?????????????}?????????????hashData.add(mItem);?????????}?????????return?hashData;??????}??}? 有了之前的例子做基礎，這時候看起來是不是會清楚一些呢，綁定數據是一樣的，只不過是多綁定了圖片的數據。
然后我們重寫了SimpleAdapter,? 構造函數我們自己定義參數，需要說明的是：
1)???? getView() 方法返回是的是一個View值，我們綁定完數據之后，把這個View返回
2)???? 我們自己寫的layout，要先通過轉化，轉化成為一個View, 找到她里面對應的TextView，然后取出List 表中相對應位置的HashMap，取出數據顯示到相應的ImageView 和TextView上面.
希望對新手有所幫助..
讓人糾結的編譯器啊，我都貼了兩遍...
?
轉載于:https://blog.51cto.com/april19880317/695923
總結
以上是生活随笔為你收集整理的ListView的Adapter使用(绑定数据) 之 自定义每一项的布局去绑定数据(二)的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
