1. 新建一Layout XML文件,如下图:
在面板拖拽,更改相关属性,
res/list_view.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" > <ListView android:id="@+id/listView01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:divider="@null" android:dividerHeight="0dp" /></LinearLayout>
2. 新建ListView中行的Layout XML
res/list_row.xml清单如下:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageView android:id="@+id/imgIcon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="8dp" /> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="5dp" android:layout_marginTop="5dp" android:orientation="vertical" android:paddingLeft="0px" android:paddingRight="5dp" > <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/title01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:textColor="@color/red" android:textSize="@dimen/font_size24" /> </RelativeLayout> <TextView android:id="@+id/desText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:textColor="@color/blue" android:textSize="@dimen/font_size20"/> </LinearLayout> </LinearLayout>
3. 编写代码
(1) 获取各行数据
(2) 新建SimpleAdapter实例
(3) ListView绑定SimpleAdapter
代码如下:
ListView listView = (ListView) findViewById(R.id.listView01); List<Map<String, Object>> data = getSampleData(); SimpleAdapter sAdapter = new SimpleAdapter( MainActivity.this, data, R.layout.list_row, new String[] { "imgIcon", "title01", "desText" }, new int[] { R.id.imgIcon, R.id.title01, R.id.desText } ); listView.setAdapter(sAdapter);
运行效果: