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

Zhangxuexue_發表於2016-09-17

原文網址 : https://blog.csdn.net/Zhangxuexue_/article/details/52561966

先說明接下來要實現的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());  
//        }  
    }
    
    
	

}

}

JavaScript 實現全部選中與全不選
2018-03-13
JavaScript
JavaScript 核取方塊全選和全不選
2019-06-05
JavaScript
JavaScript核取方塊全選和全不選詳解
2018-08-12
JavaScript
React實現全選和反選
2018-04-27
React
vue 工作專案中實現訊息列表的全選，反選，刪除功能
2018-10-13
Vue
jQuery核取方塊checkbox的全選和反選
2018-06-04
jQuery
iview Table元件選中某條資料後再編輯,選中的值不會改變
2018-07-20
View元件
JavaScript獲取選中radio單選按鈕值
2018-06-27
JavaScript
【Javascript】獲取選中的文字
2019-02-16
JavaScript
jQuery 關於點選選單項，使子條目
2021-09-09
jQuery
jquery和bootstrap獲取checkbox選中的多行資料
2018-03-14
jQueryboot
JavaScript獲取選中checkbox核取方塊的選中值
2018-05-04
JavaScript
UWP 取消GridView、ListView滑鼠選中、懸停效果
2018-04-20
View
checkBox核取方塊，獲得選中那一行所有列的資料
2018-06-01
TreeSelect 篩選後的全選是否支援僅全選篩選出來的列表
2019-04-10
js checkbox 全選取消全選
2018-05-31
JS
jQuery 利用萬用字元獲取多選框選中的值
2019-06-25
jQuery字元
點選文字選中或取消選中checkbox核取方塊
2020-03-12
JavaScript獲取選中checkbox value
2018-06-06
JavaScript
導航欄點選選中
2018-09-26
ztree 篩選選中節點
2019-12-19
選項中選擇現在
2022-01-09
爬蟲中資料清洗的選擇
2021-06-12
爬蟲
vue checkbox 實現全選，取消全選
2018-06-11
Vue
直播商城原始碼，PopupWindow選單在ListView中顯示
2023-04-25
原始碼View
篩選出陣列中屬性為true的每條資料
2020-10-29
陣列
jQuery有選擇性的禁止文字選中
2018-08-02
jQuery
Unity 編輯器中獲取選中的資料夾、檔案路徑
2024-06-21
Unity
radio 單選按鈕選中多個
2019-07-08
JS中的陣列過濾，從簡單篩選到多條件篩選
2018-10-15
JS陣列
GridView全選
2021-09-09
View
vue+element + table將選中的資料匯出為excel（匯出的是當前頁選中的資料）
2020-06-08
VueExcel
Android Studio “Project Structure”選專案錄中的Android選項丟失及解決辦法
2018-11-07
AndroidProjectStruct
PHP中如何獲取下拉選單的值
2020-12-28
PHP
echart map圖示切換多選，單選，預設選中
2024-09-09
echarts 柱狀圖的選中模式實現-被選中變色和再次選中為取消變色
2018-11-20
Echarts模式
android 中心區域選中圖表 WheelChart
2019-04-27
Android
使用layui框架的select獲取選中的值
2018-09-05
UI框架
vue.js單選全選刪除
2018-09-15
Vue.js

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

相關文章