SimpleAdapter
SimpleAdapter是擴展性最好的適配器,可以定義各種你想要的布局,而且使用很方便
SimpleAdapter(Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to)
參數context:上下文,比如this。關聯SimpleAdapter運行的視圖上下文
參數data:Map列表,列表要顯示的數據,這部分需要自己實現,如例子中的getData(),類型要與上面的一致,每條項目要與from中指定條目一致
參數resource:ListView單項布局文件的Id,這個布局就是你自定義的布局了,你想顯示什么樣子的布局都在這個布局中。這個布局中必須包括了to中定義的控件id
參數 from:一個被添加到Map上關聯每一個項目列名稱的列表,數組里面是列名稱
參數 to:是一個int數組,數組里面的id是自定義布局中各個控件的id,需要與上面的from對應
SimpleAdapter可以使用自定義的ListView,然后setContentView即可。也可以直接使用系統自帶的ListAcitivity,該ListActivity實現了ListView,顯示ListView的時候做了很多優化。
ListActivity直接extends ListActivity即可,不需要在setContentView了
例子一:自定義布局,顯示本地資源
如果直接繼承ListAcitivty,則不需要自定義ListView,下面的是列表項單項顯示格式
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >
<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="3px"
/>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
>
<TextView
android:id="@+id/title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="16sp"
/>
<TextView
android:id="@+id/info"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
/>
</LinearLayout>
</LinearLayout>
Activity
package com.loulijun.demo13;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.ListActivity;
import android.os.Bundle;
import android.widget.SimpleAdapter;
public class Demo13Activity extends ListActivity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
SimpleAdapter adapter = new SimpleAdapter(this, getData(),
R.layout.main, new String[] { "img", "title", "info" },
new int[] { R.id.img, R.id.title, R.id.info });
setListAdapter(adapter);
}
private List<Map<String, Object>> getData() {
List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
Map<String, Object> map = new HashMap<String, Object>();
map.put("img", R.drawable.e001);
map.put("title", "小宗");
map.put("info", "電台DJ");
list.add(map);
map = new HashMap<String, Object>();
map.put("img", R.drawable.e002);
map.put("title", "貂蟬");
map.put("info", "四大美女");
list.add(map);
map = new HashMap<String, Object>();
map.put("img", R.drawable.e04b);
map.put("title", "奶茶");
map.put("info", "清純妹妹");
list.add(map);
map = new HashMap<String, Object>();
map.put("img", R.drawable.e04e);
map.put("title", "大黃");
map.put("info", "是小狗");
list.add(map);
map = new HashMap<String, Object>();
map.put("img", R.drawable.e11a);
map.put("title", "hello");
map.put("info", "every thing");
list.add(map);
map = new HashMap<String, Object>();
map.put("img", R.drawable.e11d);
map.put("title", "world");
map.put("info", "hello world");
list.add(map);
return list;
}
}
|------------------------------華麗的分割線------------------------------------------|
注:自定義ListView也有其好處,因為繼承的ListAcitivity布局的樣子已經定了下來,但是如果我們需要在ListView中實現某些效果,比如快速滾動條,就需要自定義了。另外如果你繼承的比如是TabActivity等其他
Acitivty的話,就不能繼承ListAcitivty了,因為JAVA是單繼承,這時候還是需要自定義的ListView
如果自定義ListView而不是繼承ListActivity需要如下樣子實現
mylist.xml,在ListView中可以定義其他屬性
<?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" >
<ListView
android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
></ListView>
</LinearLayout>
如果使用自定義的ListView就需要在上面的代碼修改一下下了,Acitivity其他部分都一樣,區別在於灰色區域
public class Demo13Activity extends Activity {
private ListView lv;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.mylist);
lv = (ListView)findViewById(R.id.listview);
SimpleAdapter adapter = new SimpleAdapter(this, getData(),
R.layout.main, new String[] { "img", "title", "info" },
new int[] { R.id.img, R.id.title, R.id.info });
//setListAdapter(adapter);
lv.setAdapter(adapter);
}
運行效果如下:
|------------------------------------------------------------------------|
用戶可以自定義布局,可以是線性布局,也可以是網格布局等等
接下來說說ViewBinder的使用,上面的例子中我們顯示了本地資源,圖片都是保存在本地的,但是用上面的方法顯示網絡上獲取的圖片卻有問題,因為如果ListView要顯示外部資源的話必須要設置ViewBinder,通過ViewBinder的綁定機制來顯示網絡資源,下面是個顯示網絡圖片的例子(如果可能的話,最好還是使用BaseAdapter)
例子二:自定義布局,顯示網絡資源,ViewBinder的使用
由於需要訪問網絡資源,首先在你的清單文件中加入權限
<uses-permission android:name="android.permission.INTERNET"/>
其他布局跟上面一樣
package com.loulijun.demo13;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.SimpleAdapter.ViewBinder;
public class Demo13Activity extends Activity {
private ListView lv;
private static final String iphoneUrl = "http://www.51aigoo.com/images/20100107/6b21df8c2419480e.jpg";
private static final String macbookproUrl = "http://www.esundigi.net/images/goods/20110317/6ece8f319694f0b1.jpg";
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.mylist);
lv = (ListView)findViewById(R.id.listview);
SimpleAdapter adapter = new SimpleAdapter(
this,
getData(),
R.layout.main,
new String[] {"img","title","info"},
new int[] { R.id.img, R.id.title, R.id.info});
//setListAdapter(adapter);
adapter.setViewBinder(new MyViewBinder());
lv.setAdapter(adapter);
}
//獲取網絡圖片資源,返回類型是Bitmap,用於設置在ListView中
public Bitmap getBitmap(String httpUrl)
{
Bitmap bmp = null;
//ListView中獲取網絡圖片
try {
URL url = new URL(httpUrl);
HttpURLConnection conn = (HttpURLConnection)url.openConnection();
InputStream is = conn.getInputStream();
bmp = BitmapFactory.decodeStream(is);
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return bmp;
}
//ListView上需要顯示的數據
private List<Map<String, Object>> getData() {
List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
Map<String, Object> map = new HashMap<String, Object>();
//設置綁定是數據是圖片
map.put("img", getBitmap(iphoneUrl));
map.put("title", "iphone4");
map.put("info", "可遠觀而買不起嫣");
list.add(map);
map = new HashMap<String, Object>();
map.put("img", getBitmap(macbookproUrl));
map.put("title", "Macbook pro");
map.put("info", "明年買個玩玩");
list.add(map);
return list;
}
}
//實現ViewBinder接口
class MyViewBinder implements ViewBinder
{
/**
* view:要板頂數據的視圖
* data:要綁定到視圖的數據
* textRepresentation:一個表示所支持數據的安全的字符串,結果是data.toString()或空字符串,但不能是Null
* 返回值:如果數據綁定到視圖返回真,否則返回假
*/
@Override
public boolean setViewValue(View view, Object data,
String textRepresentation) {
if((view instanceof ImageView)&(data instanceof Bitmap))
{
ImageView iv = (ImageView)view;
Bitmap bmp = (Bitmap)data;
iv.setImageBitmap(bmp);
return true;
}
return false;
}
}
運行結果:
文章精選:
農民伯伯:http://www.cnblogs.com/over140/archive/2010/11/24/1886151.html
http://www.cnblogs.com/over140/archive/2010/12/15/1906303.html
ViewBinder解決方案:http://www.anddev.org/listview_simpleadapter_and_bitmaps_-_bug_-t11817.html