android组件之ListView

   与scrollview类似还有一种组件listview，可以将多个组件加到listview中达到组件滚动的显示效果，但是scrollview是通过布局之上嵌套一层，而ListView是单独存在的组件

  先附上效果图：

main.xml中配置主要用于显示整体界面：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="头像列表" />

    <ListView
        android:id="@+id/mylistview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

创建data_item.xml用于布局单条信息布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="horizontal"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content">
	<ImageView
		android:id="@+id/head_photos"
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:padding="3px"/>
	<LinearLayout 
		
		android:orientation="vertical"
		android:layout_width="190px"
		android:layout_height="wrap_content"
		android:gravity="left">
		<TextView 
			android:id="@+id/name"
			android:textSize="25px"
			android:padding="3px"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content" />
		<TextView 
			android:id="@+id/details"
			android:padding="3px"
			android:textSize="14px"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content" />
	</LinearLayout>

</LinearLayout>

接下来通过activity控制布局，将信息添加到listview

public class MainActivity extends Activity {
	private ListView mylistview = null;
	private List<Map<String, String>> list = new ArrayList<Map<String, String>>();
	private SimpleAdapter adapter = null;
	private int img[] = { R.drawable.pic_head_01, R.drawable.pic_head_01,
			R.drawable.pic_head_02, R.drawable.pic_head_03,
			R.drawable.pic_head_04, R.drawable.pic_head_05,
			R.drawable.pic_head_06, R.drawable.pic_head_07,
			R.drawable.pic_head_08, R.drawable.pic_head_09,
			R.drawable.pic_head_10, R.drawable.pic_head_11,
			R.drawable.pic_head_12, R.drawable.pic_head_13,
			R.drawable.pic_head_14, R.drawable.pic_head_15,
			R.drawable.pic_head_16, R.drawable.pic_head_17 };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		super.setContentView(R.layout.activity_main);
		this.mylistview = (ListView) this.findViewById(R.id.mylistview);
		for (int i = 0; i < img.length; i++) {
			Map<String, String> map = new HashMap<String, String>();

			map.put("img", String.valueOf(this.img[i]));
			map.put("name", "name" + i);
			map.put("details", "把鼠标移动到上面的一个QQ头像图片上,点击右键,选择“图片另存为”,把QQ头像保"
					+ "存到桌面上,然后点击QQ面板的“菜单”→“设置”→“个人设置”,这时就进入QQ的..." + i);
			list.add(map);
			adapter = new SimpleAdapter(this,  //创建适配器将信息添加到适配器中
					                    this.list, R.layout.data_item,
					                    new String[] { "img", "name", "details" }, 
					                    new int[] {R.id.head_photos, R.id.name, R.id.details });
			this.mylistview.setAdapter(adapter);
		}

	}

}

如果要对选项增加事件控制的话可以通过OnItemClickListener

private class OnItemClickListenerImpl implements OnItemClickListener{

		@Override
		public void onItemClick(AdapterView<?> parent, View view, int positon,
				long id) {
			
			Toast.makeText(MainActivity.this, "你当前选中了第"+positon+"张图片", Toast.LENGTH_LONG).show();
			
		}}

详细的后续补上~