ListView知识总结

ListView控件使用总结

Android开发中ListView是比较常用的组件，他用列表的形式显示数据，根据数据的长度自动的增长列表在实际的开发中使用比较多，之前做的音乐播放器中已经使用到这个组件，为了自己加深理解并且为了和大家分享我稍微进行了整理并写了一例子以供大家相互学习。

一.ListView使用ArrayAdapter绑定数据

默认情况下，ArrayAdapter绑定每一个对象的toString值到layout

中预先定义的TextView控件上。

在布局activity_main.xml文件中加入ListView:

<RelativeLayout 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: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" >

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" >

    </ListView>

</RelativeLayout>

java代码：

package com.example.listviewdemo;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends Activity {

	private ListView listView;

	private String[] datas = { "first", "second", "third", "fourth", "fifth" };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// 初始化列表
		listView = (ListView) findViewById(R.id.listView);

		// 給列表加载数据
		listView.setAdapter(new ArrayAdapter<String>(this,
				android.R.layout.simple_expandable_list_item_1, datas));
		
	       //给列表添加监听器
			listView.setOnItemClickListener(new OnItemClickListener() {

				@Override
				public void onItemClick(AdapterView<?> parent, View view,
						int position, long id) {
					// TODO Auto-generated method stub
					//显示选中的那一项的在数组中的下标
                    Toast.makeText(MainActivity.this, ""+position, Toast.LENGTH_SHORT).show();

				}

			});
	}

	

}

运行效果：

使用过程大致是：

1.定义数组存放ListView中item的内容

2.通过ArrayAdapter的构造函数来创建一个ArrayAdapter的对象

3.通过ListView的setAdapter()方法绑定ArrayAdapter的对象

注意ArrayAdapter的构造方法有很多，上面使用的仅仅是其中的一种

第一个参数this是指的上下文，

第二个参数比较重要，这里android.R.layout.simple_expandable_list_item_1

的这个参数为一个包含TextView，用来填充ListView的每一行的布局资源ID。

第三个参数为ListView的内容。其中第二个参数可以自定义一个layout,但是这个layout必须要有TextView控件。

二.我们也可以实现带RadioButton和CheckBox的ListView

CheckBox：

android.R.layout.simple_list_item_multiple_choice

或者

android.R.layout.simple_list_item_checked

RadioButton：

android.R.layout.simple_list_item_single_choice

设置选择模式的两种方法：

listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

设置选择模式的方法也可以在xml布局文件中声明：

android:choiceMode="multipleChoice"

注意若没有设置选择模式选择框是不会被选中的

 android.R.layout.simple_list_item_multiple_choice

 android.R.layout.simple_list_item_checked

上面这两个参数对单选还是多选并没有影响。

有影响的是listView.setChoiceMode()方法

实现带CheckBox的ListView代码：

// 給列表加载数据

listView.setAdapter(new ArrayAdapter<String>(this,

android.R.layout.simple_list_item_checked, 

datas));

android:choiceMode="multipleChoice"

实现带CheckButton的代码是

listView.setAdapter(new ArrayAdapter<String>(this,

android.R.layout.simple_list_item_single_choice, 

GetSQLiteMusic._titles));

listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

下面是两个简单的例子：

xml布局文件同上面activity_main.xml文件

java代码：

@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// 初始化列表
		listView = (ListView) findViewById(R.id.listView);

		// 給列表加载数据
		listView.setAdapter(new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_multiple_choice, datas));
		listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
//		simple_expandable_list_item_1
	       //给列表添加监听器
			listView.setOnItemClickListener(new OnItemClickListener() {

				@Override
				public void onItemClick(AdapterView<?> parent, View view,
						int position, long id) {
					// TODO Auto-generated method stub
					//显示选中的那一项的在数组中的下标
                    Toast.makeText(MainActivity.this, ""+position, Toast.LENGTH_SHORT).show();

				}

			});
	}

运行效果：

实现带RadioButton的代码：

@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// 初始化列表
		listView = (ListView) findViewById(R.id.listView);

		// 給列表加载数据
		listView.setAdapter(new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_multiple_choice, datas));
		listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

	       //给列表添加监听器
			listView.setOnItemClickListener(new OnItemClickListener() {

				@Override
				public void onItemClick(AdapterView<?> parent, View view,
						int position, long id) {
					// TODO Auto-generated method stub
					//显示选中的那一项的在数组中的下标
                    Toast.makeText(MainActivity.this, ""+position, Toast.LENGTH_SHORT).show();

				}

			});
	}

运行效果：

三. ListView使用SimpleAdapter

SimpleAdapter的使用非常简单，扩展性好，可以定义各种各样的布局出来，同时它的功能也非常强大。可以通过它自定义ListView中的item的内容，比如图片、多选框等。现在我们主要讨论一下自定义SimpleAdapter显示ListView的例子。

Xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/img"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_alignParentLeft="true" />

  
    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/img"
        android:textColor="@android:color/black"
        android:textSize="15sp" />

    <TextView
        android:id="@+id/info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/title"
        android:layout_below="@id/title"
        android:textColor="@android:color/black"
        android:textSize="13sp" />

    <TextView
        android:id="@+id/tvTime"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:textSize="22sp" />

</RelativeLayout>

java：

package com.example.listviewdemo;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;

import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MainActivity extends Activity {

	private ListView listView;
@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// 初始化列表
		listView = (ListView) findViewById(R.id.listView);

		String[] from = new String[] { "title", "info", "time","img" };
		int[] to = new int[] { R.id.title, R.id.info,R.id.tvTime, R.id.img };

		SimpleAdapter adapter = new SimpleAdapter(this, getData(),
				R.layout.list_item, from, to);

		listView.setAdapter(adapter);

listView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				// 显示选中的那一项的在数组中的下标
				Toast.makeText(MainActivity.this, "" + position,
						Toast.LENGTH_SHORT).show();

			}

		});
	}

	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("title", "G1");
		map.put("info", "google 1");
		map.put("time", "time 1");
		map.put("img", R.drawable.p1);
		list.add(map);

		map = new HashMap<String, Object>();
		map.put("title", "G2");
		map.put("info", "google 2");
		map.put("time", "time 2");
		map.put("img", R.drawable.p2);
		list.add(map);

		map = new HashMap<String, Object>();
		map.put("title", "G3");
		map.put("info", "google 3");
		map.put("time", "time 3");
		map.put("img", R.drawable.p3);
		list.add(map);

		return list;

	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

运行效果：

猜你喜欢