Android UI:ListView - SimpleAdapter實例詳解

2019-12-12 04:30:22

字體：大中小

來源：轉載

供稿：網友

Android UI:ListView -- SimpleAdapter

SimpleAdapter是擴展性最好的適配器，可以定義各種你想要的布局，而且使用很方便。

layout ：

<?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="horizontal">    <ListView      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:divider="#7f00"　　　　//分割線      android:dividerHeight="2dp"      android:id="@+id/listview_sample"/></LinearLayout>

header layout：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent"><ImageView  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:src="@mipmap/ic_launcher"/></LinearLayout>

自定義布局 item：

<?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="horizontal">  <ImageView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_margin="3px"    android:id="@+id/img"/>  <LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical">    <TextView      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:textSize="16sp"      android:id="@+id/title"/>    <TextView      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:id="@+id/info"      android:textSize="16sp"/>  </LinearLayout></LinearLayout>

Java 代碼：

public class SampleAdapterActivity extends Activity {  private ListView mListview;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.sampleadapter_layout);    mListview = (ListView) findViewById(R.id.listview_sample);    SimpleAdapter adapter = new SimpleAdapter(this,        getData(), //數據來源        R.layout.item_listview, //對應item view        new String[]{"img","title","info"}, //data 中對應值        new int[]{R.id.img,R.id.title,R.id.info}); //填充layout位置    mListview.setHeaderDividersEnabled(true);   //是否顯示頭view 的分割線    View header = View.inflate(this,R.layout.listview_header,null);    View footer = View.inflate(this,R.layout.listview_header,null);    mListview.addHeaderView(header);  //添加頭部view    mListview.addFooterView(footer);   //添加底部view    mListview.setAdapter(adapter);  }  @Override  protected void onResume() {    super.onResume();  }  private List<? extends Map<String,?>> getData() {    List<Map<String,Object>> items = new ArrayList<Map<String, Object>>();    for (int i = 0; i < 5; i++) {      Map<String,Object> item = new HashMap<String,Object>();      item.put("img",R.mipmap.ic_launcher);      item.put("title","title -- " + i );      item.put("info","info -- " + i );      items.add(item);    }    return items;  }}

顯示效果