Android UI:ListView - SimpleAdapter实例详解

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;
  }
}

 显示效果

 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!