Android 中listview的全選、全不選、反選、獲得選中條目資料

Zhangxuexue_發表於2016-09-17

先說明接下來要實現的ListView+CheckBox支援的功能：

1. 外部點選“編輯”（長按ListView的某一項也可），出現核取方塊；

2. 支援全選、複選、全不選

3. 支援獲取選中的資料的資訊

下面是mainactivity的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">

    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <Button 
            android:id="@+id/edit1"
            android:onClick="btnEditList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="編輯"/>
        <Button 
            android:id="@+id/edit2"
            android:onClick="btnSelectAllList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="全選"/>
        <Button 
            android:id="@+id/edit3"
            android:onClick="btnNoList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="全不選"/>
        <Button 
            android:id="@+id/edit4"
            android:onClick="btnfanxuanList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="反選"/>
        <Button 
            android:id="@+id/edit5"
            android:onClick="btnOperateList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="獲得選中的資料"/>
    </LinearLayout>
    
    <ListView 
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        ></ListView>
    

</LinearLayout>

下面是listview條目佈局：

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

    <LinearLayout  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_vertical"  
        android:gravity="center_vertical"  
        android:orientation="horizontal">  
  
        <CheckBox  
            android:id="@+id/checkbox_operate_data"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_gravity="center_vertical"  
            android:layout_margin="6dp"  
            />  
  
        <ImageView  
            android:id="@+id/material_item_img"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_gravity="center_vertical"  
            android:adjustViewBounds="true"  
            android:scaleType="centerCrop"  
            android:src="@drawable/ic_launcher" />  
  
  
    </LinearLayout>  
  
  
    <LinearLayout  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_vertical"  
        android:orientation="horizontal"  
        android:paddingBottom="10dp"  
        android:paddingTop="10dp">  
  
        <View  
            android:id="@+id/user_head_img"  
            android:layout_width="5dp"  
            android:layout_height="fill_parent"  
            android:background="#4483c9" />  
  
        <LinearLayout  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:orientation="vertical">  
  
            <TextView  
                android:id="@+id/text_title"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:gravity="center_vertical"  
                android:singleLine="true"  
                android:text="標題"  
                android:textColor="#555555"  
                android:textSize="16sp" />  
  
            <LinearLayout  
                android:layout_width="fill_parent"  
                android:layout_height="wrap_content"  
                android:layout_marginTop="10dp"  
                android:gravity="center_vertical"  
                android:orientation="horizontal">  
  
                <TextView  
                    android:id="@+id/text_desc"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_vertical"  
                    android:gravity="bottom"  
                    android:singleLine="true"  
                    android:text="描述描述描述描述描述描述"  
                    android:textColor="#aaaaaa"  
                    android:textSize="14sp" />  
  
            </LinearLayout>  
        </LinearLayout>  
    </LinearLayout>  

</LinearLayout>

下面是bean類

package com.example.listview;

public class DataBean {

	 public String id;  
	  
	    public String title;  
	  
	    public String desc;  
	  
	    public boolean isCheck;  //該屬性主要標誌CheckBox是否選中
	  
	    public DataBean(String id, String title, String desc) {  
	        this.id = id;  
	        this.title = title;  
	        this.desc = desc;  
	    }  
	
	
}

定義資料顯示的Adapter，在該Adapter中，我們需要實現兩個重要的功能：控制是否顯示CheckBox；控制CheckBox是否顯示，程式碼中註釋了這個，直接就是CheckBox顯示的情況，想看隱藏的，把程式碼中的註釋去掉即可，然後再xml中讓CheckBox不顯示。

package com.example.listview;

import java.util.List;

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 {

	private Context mContext;

	private List<DataBean> mDatas;

	private LayoutInflater mInflater;

//	public boolean flage = false;

	public MyAdapter(Context mContext, List<DataBean> mDatas) {
		this.mContext = mContext;
		this.mDatas = mDatas;

		mInflater = LayoutInflater.from(this.mContext);

	}

	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return mDatas.size();
	}

	@Override
	public Object getItem(int arg0) {
		// TODO Auto-generated method stub
		return mDatas.get(arg0);
	}

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

	@Override
	public View getView(int position, View convertView, ViewGroup viewGroup) {
		ViewHolder holder = null;
		if (convertView == null) {
			holder = new ViewHolder();
			// 條目佈局
			convertView = mInflater.inflate(R.layout.listadata, null);

			holder.checkboxOperateData = (CheckBox) convertView
					.findViewById(R.id.checkbox_operate_data);
			holder.textTitle = (TextView) convertView
					.findViewById(R.id.text_title);
			holder.textDesc = (TextView) convertView
					.findViewById(R.id.text_desc);
			convertView.setTag(holder);
		} else {

			holder = (ViewHolder) convertView.getTag();
		}

		final DataBean dataBean = mDatas.get(position);

		if (dataBean != null) {
			holder.textTitle.setText(dataBean.title);
			holder.textDesc.setText(dataBean.desc);
			// 根據isSelected來設定checkbox的顯示狀況  
//			if (flage) {  
//                holder.checkboxOperateData.setVisibility(View.VISIBLE);  
//            } else {  
//                holder.checkboxOperateData.setVisibility(View.GONE);  
//            }  
//			
			holder.checkboxOperateData.setChecked(dataBean.isCheck);
			//注意這裡設定的不是onCheckedChangListener，還是值得思考一下的  
            holder.checkboxOperateData.setOnClickListener(new View.OnClickListener() {  
                @Override  
                public void onClick(View v) {  
                    if (dataBean.isCheck) {  
                        dataBean.isCheck = false;  
                    } else {  
                        dataBean.isCheck = true;  
                    }  
                }  
            });  
			
		}

		return convertView;
	}

	class ViewHolder {

		public CheckBox checkboxOperateData;

		public TextView textTitle;

		public TextView textDesc;
	}

、、、、下面是主程式碼


<pre name="code" class="html">package com.example.listview;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

	private Button button;  
	  
    private ListView listView;  
  
    private List<DataBean> mDatas;  
  
    private MyAdapter mAdapter; 
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		button = (Button) findViewById(R.id.edit1);  
        listView = (ListView) findViewById(R.id.listview);
        
        mDatas = new ArrayList<>();  
        for (int i = 0; i < 20; i++) {  
  
            DataBean dataBean = new DataBean("" + i, "上邪", "山無稜，天地合，乃敢與君絕");  
            mDatas.add(dataBean);  
        }  
  
        mAdapter = new MyAdapter(this, mDatas);  
        listView.setAdapter(mAdapter); 
	}
	
	/** 
     * 編輯、取消編輯 
     * @param view 
     */  
    public void btnEditList(View view) {  
  
//        mAdapter.flage = !mAdapter.flage;  
//  
//        if (mAdapter.flage) {  
//            button.setText("取消");  
//        } else {  
//            button.setText("編輯");  
//        }  
//  
//        mAdapter.notifyDataSetChanged();  
    }  
    /** 
     * 全選 
     * @param view 
     */  
    public void btnSelectAllList(View view) {  
//        if (mAdapter.flage) {  
            for (int i = 0; i < mDatas.size(); i++) {  
                mDatas.get(i).isCheck = true;  
            }  
  
            mAdapter.notifyDataSetChanged();  
//        }  
    }  
    /** 
     * 全不選 
     * @param view 
     */  
    public void btnNoList(View view) {  
  
//        if (mAdapter.flage) {  
            for (int i = 0; i < mDatas.size(); i++) {  
                mDatas.get(i).isCheck = false;  
            }  
  
            mAdapter.notifyDataSetChanged();  
//        }  
    }  
    
    /** 
     * 反選 
     * @param view 
     */  
    public void btnfanxuanList(View view) {  
//        if (mAdapter.flage) {  
            for (int i = 0; i < mDatas.size(); i++) {  
                if (mDatas.get(i).isCheck) {  
                    mDatas.get(i).isCheck = false;  
                } else {  
                    mDatas.get(i).isCheck = true;  
                }  
            }  
  
            mAdapter.notifyDataSetChanged();  
//        }  
    }  
    /** 
     * 獲取選中資料 
     * @param view 
     */  
    public void btnOperateList(View view) {  
  
        List<String> ids = new ArrayList<>();  
  
//        if (mAdapter.flage) {  
  
            for (int i = 0; i < mDatas.size(); i++) {  
                if (mDatas.get(i).isCheck) {  
                    ids.add(mDatas.get(i).id);  
                }  
            }  
  
            Toast.makeText(MainActivity.this,ids.toString(), Toast.LENGTH_SHORT).show();  
            Log.e("TAG", ids.toString());  
//        }  
    }
    
    
	

}

}

簡單的js反選，全選，全不選
2015-12-15
JS
Android ListView中獲取選中行資料的方法
2012-11-16
AndroidView
android listview獲取選中項
2013-06-06
AndroidView
關於如何獲得ListView中選中項的值
2011-08-30
View
Android ListView中獲取修改選中行資料的方法
2014-06-25
AndroidView
JavaScript 實現全部選中與全不選
2018-03-13
JavaScript
jquery中attr和prop的區別+jquery實現全選全不選
2017-10-25
jQuery
JavaScript checkbox全選和全不選效果
2017-04-13
JavaScript
js中checkbox的全選和反選的實現
2016-05-13
JS
Android在ListView的onTouch事件中獲取選中項的值
2015-04-06
AndroidView事件
JavaScript 核取方塊全選和全不選
2019-06-05
JavaScript
listview 後天獲取選中項的值
2016-05-26
View
jQuery核取方塊全選和全不選效果
2017-10-24
jQuery
Android ListView item中有按鈕(Button)不能點選或者條目不能點選的問題
2016-03-22
AndroidView
JavaScript--全選、全不選、反選、無重新整理刪除、批量刪除、即點即改入庫（在yii框架中操作）
2016-10-21
JavaScript框架
React實現全選和反選
2018-04-27
React
實現購物車全選全不選，反選，單選-選滿時同步全選核取方塊--核取方塊checked屬性取值問題已解決
2017-08-14
ListView新增事件並獲取選中項的值
2012-03-12
View事件
JavaScript核取方塊全選和全不選詳解
2018-08-12
JavaScript
用javascript實現全選/反選元件
2014-08-23
JavaScript元件
核取方塊全選和全不選程式碼例項
2017-03-10
jQuery核取方塊全選和全不選效果程式碼
2017-04-19
jQuery
jQuery如何實現核取方塊全選和全不選
2017-02-13
jQuery
Listview 取選中的值 C#
2010-10-04
ViewC#
Listview獲取選中行的值
2013-01-28
View
全選DataGridView中的DataGridViewCheckBoxColumn選項
2014-04-24
View
全選與反選（dom與jquery比較）
2014-07-29
jQuery
vue 工作專案中實現訊息列表的全選，反選，刪除功能
2018-10-13
Vue
ListView全選刪除CheckBox
2016-11-23
View
原生js實現的核取方塊的全選和全不選效果
2017-03-17
JS
javascript核取方塊全選和反選效果
2017-04-05
JavaScript
【常用jQuery程式碼段】checkbox全選/反選
2015-07-16
jQuery
JS實現核取方塊全選反選
2013-04-15
JS
iview Table元件選中某條資料後再編輯,選中的值不會改變
2018-07-20
View元件
js取得gridview中獲取checkbox選中的值--單選
2012-12-21
JSView
jQuery核取方塊checkbox的全選和反選
2018-06-04
jQuery
C#如何獲取ListView控制元件選中項的值
2011-11-19
C#View控制元件
【Javascript】獲取選中的文字
2019-02-16
JavaScript

Android 中listview的全選、全不選、反選、獲得選中條目資料

相關文章