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 |
(1)先來一個最簡單的熱身。listview中顯示最簡單的文本信息。這裏我們用到arrayadapter這個類,它繼承自baseadapter
ArrayAdapter
extends BaseAdapterimplements 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 BaseAdapterimplements 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();
}
}
}
完成
<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集合用來記錄每行選中的狀態。
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。總之上面是一種解決辦法啦。