今天繼續和大家分享涉及到listview的內容。在很多時候,我們會用到listview和checkbox配合來提供給用戶一些選擇操作。比如在一個清單頁面,我們需要記錄用戶勾選了哪些條目。這個的實現並不太難,但是有很多朋友來問我如何實現,他們有遇到各種各樣的問題,這裏就一併寫出來和大家一起分享。
ListView的操作就一定會涉及到item和Adapter,我們還是先來實現這部分內容。
首先,寫個item的xml佈局,裏面放置一個TextView和一個CheckBox。要注意的時候,這裏我設置了CheckBox沒有焦點,這樣的話,無法單獨點擊checkbox,而是在點擊listview的條目後,Checkbox會響應操作。
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:orientation="horizontal" >
- <TextView
- android:id="@+id/item_tv"
- android:layout_width="0dp"
- android:layout_height="wrap_content"
- android:layout_weight="1"
- android:gravity="center_vertical"
- />
- <CheckBox
- android:id="@+id/item_cb"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:clickable="false"
- android:focusable="false"
- android:focusableInTouchMode="false"
- android:gravity="center_vertical"
- />
- </LinearLayout>
下面就寫一個Adapter類,我們依然繼承BaseAdapter類。這裏我們使用一個HashMap<Integer,boolean>的鍵值來記錄checkbox在對應位置的選中狀況,這是本例的實現的基礎。
- package com.notice.listcheck;
- import java.util.ArrayList;
- import java.util.HashMap;
- import android.content.Context;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.BaseAdapter;
- import android.widget.CheckBox;
- import android.widget.TextView;
- public class MyAdapter extends BaseAdapter{
- // 填充數據的list
- private ArrayList<String> list;
- // 用來控制CheckBox的選中狀況
- private static HashMap<Integer,Boolean> isSelected;
- // 上下文
- private Context context;
- // 用來導入佈局
- private LayoutInflater inflater = null;
- // 構造器
- public MyAdapter(ArrayList<String> list, Context context) {
- this.context = context;
- this.list = list;
- inflater = LayoutInflater.from(context);
- isSelected = new HashMap<Integer, Boolean>();
- // 初始化數據
- initDate();
- }
- // 初始化isSelected的數據
- private void initDate(){
- for(int i=0; i<list.size();i++) {
- getIsSelected().put(i,false);
- }
- }
- @Override
- public int getCount() {
- return list.size();
- }
- @Override
- public Object getItem(int position) {
- return list.get(position);
- }
- @Override
- public long getItemId(int position) {
- return position;
- }
- @Override
- public View getView(int position, View convertView, ViewGroup parent) {
- ViewHolder holder = null;
- if (convertView == null) {
- // 獲得ViewHolder對象
- holder = new ViewHolder();
- // 導入佈局並賦值給convertview
- convertView = inflater.inflate(R.layout.listviewitem, null);
- holder.tv = (TextView) convertView.findViewById(R.id.item_tv);
- holder.cb = (CheckBox) convertView.findViewById(R.id.item_cb);
- // 爲view設置標籤
- convertView.setTag(holder);
- } else {
- // 取出holder
- holder = (ViewHolder) convertView.getTag();
- }
- // 設置list中TextView的顯示
- holder.tv.setText(list.get(position));
- // 根據isSelected來設置checkbox的選中狀況
- holder.cb.setChecked(getIsSelected().get(position));
- return convertView;
- }
- public static HashMap<Integer,Boolean> getIsSelected() {
- return isSelected;
- }
- public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {
- MyAdapter.isSelected = isSelected;
- }
- }
註釋已經寫的非常詳盡了,通過
- holder.cb.setChecked(getIsSelected().get(position));
這行代碼我們實現了設置CheckBox的選中狀況。
那麼我們只需要在點擊事件中,控制isSelected的鍵值即可控制對應位置checkbox的選中了。
在Activity中我們除了放置一個ListView外,還放置了三個按鈕,分別實現全選,取消和反選。
看下Activity類的代碼:
- package com.notice.listcheck;
- import java.util.ArrayList;
- import android.app.Activity;
- import android.os.Bundle;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.widget.AdapterView;
- import android.widget.AdapterView.OnItemClickListener;
- import android.widget.Button;
- import android.widget.ListView;
- import android.widget.TextView;
- public class Ex_checkboxActivity extends Activity {
- private ListView lv;
- private MyAdapter mAdapter;
- private ArrayList<String> list;
- private Button bt_selectall;
- private Button bt_cancel;
- private Button bt_deselectall;
- private int checkNum; // 記錄選中的條目數量
- private TextView tv_show;// 用於顯示選中的條目數量
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- /* 實例化各個控件 */
- lv = (ListView) findViewById(R.id.lv);
- bt_selectall = (Button) findViewById(R.id.bt_selectall);
- bt_cancel = (Button) findViewById(R.id.bt_cancelselectall);
- bt_deselectall = (Button) findViewById(R.id.bt_deselectall);
- tv_show = (TextView) findViewById(R.id.tv);
- list = new ArrayList<String>();
- // 爲Adapter準備數據
- initDate();
- // 實例化自定義的MyAdapter
- mAdapter = new MyAdapter(list, this);
- // 綁定Adapter
- lv.setAdapter(mAdapter);
- // 全選按鈕的回調接口
- bt_selectall.setOnClickListener(new OnClickListener() {
- @Override
- public void onClick(View v) {
- // 遍歷list的長度,將MyAdapter中的map值全部設爲true
- for (int i = 0; i < list.size(); i++) {
- MyAdapter.getIsSelected().put(i, true);
- }
- // 數量設爲list的長度
- checkNum = list.size();
- // 刷新listview和TextView的顯示
- dataChanged();
- }
- });
- // 取消按鈕的回調接口
- bt_cancel.setOnClickListener(new OnClickListener() {
- @Override
- public void onClick(View v) {
- // 遍歷list的長度,將已選的按鈕設爲未選
- for (int i = 0; i < list.size(); i++) {
- if (MyAdapter.getIsSelected().get(i)) {
- MyAdapter.getIsSelected().put(i, false);
- checkNum--;// 數量減1
- }
- }
- // 刷新listview和TextView的顯示
- dataChanged();
- }
- });
- // 反選按鈕的回調接口
- bt_deselectall.setOnClickListener(new OnClickListener() {
- @Override
- public void onClick(View v) {
- // 遍歷list的長度,將已選的設爲未選,未選的設爲已選
- for (int i = 0; i < list.size(); i++) {
- if (MyAdapter.getIsSelected().get(i)) {
- MyAdapter.getIsSelected().put(i, false);
- checkNum--;
- } else {
- MyAdapter.getIsSelected().put(i, true);
- checkNum++;
- }
- }
- // 刷新listview和TextView的顯示
- dataChanged();
- }
- });
- // 綁定listView的監聽器
- lv.setOnItemClickListener(new OnItemClickListener() {
- @Override
- public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
- long arg3) {
- // 取得ViewHolder對象,這樣就省去了通過層層的findViewById去實例化我們需要的cb實例的步驟
- ViewHolder holder = (ViewHolder) arg1.getTag();
- // 改變CheckBox的狀態
- holder.cb.toggle();
- // 將CheckBox的選中狀況記錄下來
- MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked());
- // 調整選定條目
- if (holder.cb.isChecked() == true) {
- checkNum++;
- } else {
- checkNum--;
- }
- // 用TextView顯示
- tv_show.setText("已選中"+checkNum+"項");
- }
- });
- }
- // 初始化數據
- private void initDate() {
- for (int i = 0; i < 15; i++) {
- list.add("data" + " " + i);
- }
- }
- // 刷新listview和TextView的顯示
- private void dataChanged() {
- // 通知listView刷新
- mAdapter.notifyDataSetChanged();
- // TextView顯示最新的選中數目
- tv_show.setText("已選中" + checkNum + "項");
- }
- }
代碼中在item的點擊事件中,直接調用
- holder.cb.toggle();
先改變CheckBox的狀態,然後將值存進map記錄下來
而其他幾個Button的點擊事件,都是通過遍歷list的長度來設置isSelected的值,進而通知listview根據已經變化的adapter刷新,來實現Checkbox的對應選中狀態。因爲對listview的處理中我們仍然使用了ViewHolder來優化ListView的效率(通過findViewById層層查找是比較耗時的,這裏不瞭解的朋友可以看我另一篇博客,全面解析listview的)。
最後,來看下運行效果:
好了,就寫到這裏。相信大家都能明白了。這裏要說下一個問題,有很多朋友留言或者發郵件要博客中的一些源碼。我在這裏聲明下,我不會去發任何我覺得已經在博客裏介紹的非常清楚的實例的源碼,有些實例我已經把所有代碼都貼出來了,還是有人要源碼。。。我希望看我博客的朋友都能真正理解這個實例,能學到更多的知識,最好能有自己的改進然後再和大家一起分享。很多朋友現在已經習慣了拿別人的源碼,功能類似的就直接搬到自己項目裏,這是非常不好的習慣。動動手,多寫寫,你會學到更多。