Android開發ListView控件使用總結。

ListView控件是android開發中最常用的控件之一。使用過程中經常配合Adapter類使用,listview是直接與手機使用者溝通的控件;而adapter是開發者將數據展現在listview上的橋樑,根據不同的數據使用adapter很關鍵。listview的類結構。

java.lang.Object
   ↳ android.view.View
     ↳ android.view.ViewGroup
       ↳ android.widget.AdapterView<T extends android.widget.Adapter>
         ↳ android.widget.AbsListView
           ↳ android.widget.ListView
可以看到,listview可以當做是viewgroup,來存放一些其他控件,例如checkbox或button等。

(1)先來一個最簡單的熱身。listview中顯示最簡單的文本信息。這裏我們用到arrayadapter這個類,它繼承自baseadapter

ArrayAdapter

extends BaseAdapter

implements Filterable


activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:orientation="vertical" >

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

</LinearLayout>

list_item.xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:id="@+id/num"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content" />

MainActivity.java

package com.example.test;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

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);
		ArrayList<String> students = new ArrayList<String>();
		students.add("張三");
		students.add("李四");
		students.add("王五");
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(
				MainActivity.this, R.layout.list_item, students);
		listView.setAdapter(adapter);
	}
}

完成


(2)listview中顯示兩個的文本信息,並對點擊事件監聽。這裏我們用到simpleadapter這個類,它繼承自baseadapter

SimpleAdapter

extends BaseAdapter
implements Filterable


 
首先完成的是佈局文件

在activity_main.xml中

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:orientation="vertical" >

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

</LinearLayout>

list_item.xml定義了一個listview的一行的內容,也就是要顯示的控件。我們往listview中加入兩個textView控件,用於顯示名字和年級。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:orientation="horizontal" >

	<TextView
		android:id="@+id/nameTxt"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content" />

	<TextView
		android:id="@+id/gradeTxt"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:paddingLeft="20dp" />

</LinearLayout>

最後是MainActivity.java


package com.example.test;

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

import android.app.Activity;
import android.os.Bundle;
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[][] students = new String[][] { { "張三", "一年級" },
				{ "王五", "二年級" }, { "趙六", "三年級" }, { "孫七", "四年級" } };
		// arraylist用於保存map,map就是以key-value的形式保存信息
		ArrayList<Map<String, String>> arrayList = new ArrayList<Map<String, String>>();
		for (int i = 0; i < students.length; i++) {
			// 一個學生信息保存在一個map中,每次都要new一個map對象。
			Map<String, String> map = new HashMap<String, String>();
			// 將信息放入到map中
			map.put("name", students[i][0].toString());
			map.put("grade", students[i][1].toString());
			// 將map放入到arraylist中。完成學生信息的存儲。
			arrayList.add(map);

			// 用simpleadapter類,第一個參數上下文對象,第二個參數是list類的對象,就是我們保存了信息的arraylist,
			// 第三個參數是layout,就是listview一行,第四個參數是map中的key,第五個參數是layout中的控件id
			SimpleAdapter adapter = new SimpleAdapter(MainActivity.this,
					arrayList, R.layout.list_item, new String[] { "name",
							"grade" },
					new int[] { R.id.nameTxt, R.id.gradeTxt });
			// 進行適配
			listView.setAdapter(adapter);
			listView.setOnItemClickListener(new ListViewItemClickListener());
		}
	}

	private class ListViewItemClickListener implements OnItemClickListener {

		@Override
		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {

			Toast.makeText(MainActivity.this, position + " is clicked",
					Toast.LENGTH_SHORT).show();
		}
	}
}

完成



(3)在二的基礎上加一個checkbox,點擊一個button後顯示出選定的項。這次重寫baseadapter這個基類,正因爲是基類,擁有更大的靈活性,方便我們往裏面放各種控件。
首先是activity_main.xml,非常簡單
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:layout_gravity="bottom"
	android:orientation="vertical" >

	<ListView
		android:id="@+id/listView"
		android:layout_width="fill_parent"
		android:layout_height="400dp" />

	<Button
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:onClick="btnClick" />

</LinearLayout>

然後是list_item.xml,裏面相對於二多加了一個checkbox控件。也是非常簡單的。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:orientation="horizontal" >

	<TextView
		android:id="@+id/nameTxt"
		android:layout_width="wrap_content"
		android:layout_height="fill_parent"
		android:gravity="center_vertical" />

	<TextView
		android:id="@+id/gradeTxt"
		android:layout_width="wrap_content"
		android:layout_height="fill_parent"
		android:gravity="center_vertical"
		android:paddingLeft="20dp" />

	<CheckBox
		android:id="@+id/checkBox"
		android:layout_width="wrap_content"
		android:layout_height="fill_parent"
		android:checked="false"
		android:focusable="false"
		android:gravity="center_vertical"
		android:paddingLeft="20dp" />

</LinearLayout>
然後我們要寫一個繼承baseadapter的類,我起的名字是MyAdapter,必須要實現他的方法,如getItem,getCount等,要實現的最重要的是getView這個方法,不管是arrayadapter還是simpleadapter,他們都繼承自baseadapter,他們也都要實現getView這個方法,這個方法,我的理解是,android系統爲了優化流暢度,採用了一種很智能的算法。例如,如果我們的屏幕長度能盛下10個listview,那麼android是不會說你有1000條數據就給你把1000個數據都放到1000個listview中,那手機可能承受不了。android只給你開11個listview,多出來的那個用來輪轉,也就是爲系統緩衝做準備啦。你往上滑動屏幕,android就會在最下面的一行及時填充數據,往下劃屏幕同理。這樣不管有多少數據,也不會卡頓。這個getView就是幹這個的。listview初始化要調用getView,當滑動屏幕也要調用。
package com.example.test;

import java.util.ArrayList;
import java.util.Map;

import android.content.Context;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;

public class MyAdapter extends BaseAdapter {
	private Context context;
	private ArrayList<Map<String, String>> arrayList;
	private ArrayList<Boolean> isSelected;

	public MyAdapter(Context context, ArrayList<Map<String, String>> arrayList,
			ArrayList<Boolean> isSelected) {
		this.context = context;
		this.arrayList = arrayList;
		this.isSelected = isSelected;
	}

	// 重寫的方法是必須實現的,否則達不到效果。
	// listview的行數是與arraylist裏面的數據量相等的,這裏直接返回這個量
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return arrayList.size();
	}

	// 獲得一行裏面的object對象,
	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return arrayList;
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	@Override
	public View getView(final int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		LayoutInflater layoutInflater = LayoutInflater.from(context);
		if (convertView == null) {
			convertView = layoutInflater.inflate(R.layout.list_item, null);
		}
		TextView nameTxt = ViewHolder.get(convertView, R.id.nameTxt);
		TextView gradeTxt = ViewHolder.get(convertView, R.id.gradeTxt);
		CheckBox checkBox = ViewHolder.get(convertView, R.id.checkBox);
		nameTxt.setText(arrayList.get(position).get("name"));
		gradeTxt.setText(arrayList.get(position).get("grade"));
		checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
			@Override
			public void onCheckedChanged(CompoundButton buttonView,
					boolean isChecked) {
				// TODO Auto-generated method stub
				if (isChecked) {
					isSelected.set(position, true);
				} else {
					isSelected.set(position, false);
				}
			}
		});
		// 下面這個方法保證listview在滾動的時候被選中的項不會亂掉
		checkBox.setChecked(isSelected.get(position));
		return convertView;
	}

	public static class ViewHolder {
		public static <T extends View> T get(View convertView, int id) {
			SparseArray<View> viewHolder = (SparseArray<View>) convertView
					.getTag();
			if (viewHolder == null) {
				viewHolder = new SparseArray<View>();
				convertView.setTag(viewHolder);
			}
			View childView = viewHolder.get(id);
			if (childView == null) {
				childView = convertView.findViewById(id);
				viewHolder.put(id, childView);
			}
			return (T) childView;
		}
	}
}
關於ViewHolder的寫法,我自己也不是特別懂。是看某個大神寫的。先記住啦。另外,
checkBox.setChecked(isSelected.get(position));
這一句主要是保證在滑動屏幕的時候,listview中選中的項不會亂掉。可以試驗如果不寫這一句會有什麼後果。個人理解是,因爲用getView始終要有一個輪轉的行,如果不時時刷新checkbox的狀態,listview就會亂掉。
isSelected集合用來記錄每行選中的狀態。
MyAdapter寫完後,MainActivity.java就簡單了。基本跟二一樣。
package com.example.test;

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

import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
	private ListView listView;
	private ArrayList<Boolean> isSelected;
	private ArrayList<Map<String, String>> arrayList;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 找到控件
		listView = (ListView) findViewById(R.id.listView);
		// 爲了方便,定義一個二維數組

		String[][] students = new String[][] { { "張三", "一年級" },
				{ "王五", "二年級" }, { "趙六", "三年級" }, { "孫七", "四年級" },
				{ "張三", "一年級" }, { "王五", "二年級" }, { "趙六", "三年級" },
				{ "孫七", "四年級" }, { "張三", "一年級" }, { "王五", "二年級" },
				{ "趙六", "三年級" }, { "孫七", "四年級" }, { "張三", "一年級" },
				{ "王五", "二年級" }, { "趙六", "三年級" }, { "孫七", "四年級" },
				{ "張三", "一年級" }, { "王五", "二年級" }, { "趙六", "三年級" },
				{ "孫七", "四年級" }, { "張三", "一年級" }, { "王五", "二年級" },
				{ "趙六", "三年級" }, { "孫七", "四年級" }, { "張三", "一年級" },
				{ "王五", "二年級" }, { "趙六", "三年級" }, { "孫七", "四年級" },
				{ "張三", "一年級" }, { "王五", "二年級" }, { "趙六", "三年級" },
				{ "孫七", "四年級" }, { "張三", "一年級" }, { "王五", "二年級" },
				{ "趙六", "三年級" }, { "孫七", "四年級" } };
		// arraylist用於保存map,map就是以key-value的形式保存信息
		arrayList = new ArrayList<Map<String, String>>();
		isSelected = new ArrayList<Boolean>();
		for (int i = 0; i < students.length; i++) {
			// 一個學生信息保存在一個map中,每次都要new一個map對象。
			Map<String, String> map = new HashMap<String, String>();
			// 將信息放入到map中
			map.put("name", students[i][0].toString());
			map.put("grade", students[i][1].toString());
			// 將map放入到arraylist中。完成學生信息的存儲。
			arrayList.add(map);
			isSelected.add(false);
		}
		MyAdapter adapter = new MyAdapter(MainActivity.this, arrayList,
				isSelected);
		// 進行適配
		listView.setAdapter(adapter);
		listView.setOnItemClickListener(new ListViewItemClickListener());
	}

	public void btnClick(View view) {
		StringBuffer sb = new StringBuffer();
		for (int i = 0; i < isSelected.size(); i++) {
			if (isSelected.get(i)) {
				sb.append(arrayList.get(i)).append("\n");
			}
		}
		TextView textView = new TextView(MainActivity.this);
		textView.setText("選中的項有\n" + sb.toString());
		AlertDialog dialog = new AlertDialog.Builder(MainActivity.this)
				.setView(textView).create();
		dialog.show();
	}

	private class ListViewItemClickListener implements OnItemClickListener {
		@Override
		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {
			Toast.makeText(MainActivity.this, position + " is clicked",
					Toast.LENGTH_SHORT).show();

		}
	}
}
爲了檢查滑動時listview裏面的checkbox會不會亂掉,二維數組裏面加入了更多數據。也許有人會問,爲什麼不用OnItemClickListener裏面的parent.getChildAt(index)這個方法。當時我也很納悶。通過查資料知道,這個方法獲得的是從當前顯示行開始數的index行。看不到的行取不到啦。不知道爲什麼不直接寫一個能取到的API,還是我不知道能用的api。總之上面是一種解決辦法啦。


通過測試是可行的。這種方法用處之一是目錄的操作。例如播放器選擇掃描音樂目錄。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章