Android Dialog实现全选反选
Android的AlertDialog中可以通过builder.setMultiChoiceItems(....)来添加一个多选项,但是并不能实现对选项的全选/反选功能,所以需要自定义一个控件。原理是通过ListView + CheckBox来实现,实现效果如下。
一、定义布局样式:
首先需要定义多选弹出框的样式,custom_mutiplechoice_view.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"android:background="@android:color/background_dark"><TextView android:id="@+id/mutiplechoice_title"android:layout_width="match_parent"android:layout_height="40dp"android:gravity="center_vertical"android:padding="5dp"android:background="@android:color/darker_gray"android:textSize="18sp"android:textColor="@android:color/black"android:text="标题"/><LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:layout_margin="1dp"android:background="@android:color/background_light"> <ListView android:id="@+id/mutiplechoice_listview" android:layout_width="match_parent" android:layout_height="300dp" android:layout_weight="4"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1"android:gravity="center"android:orientation="horizontal" android:background="@android:color/darker_gray"> <Button android:id="@+id/mutiplechoice_selectall_btn" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1"android:text="全选" /> <Button android:id="@+id/mutiplechoice_ok_btn" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1"android:text="确定" /> </LinearLayout> </LinearLayout>
</LinearLayout>
ListView条目的样式, custom_mutiplechoice_view_list_item.xml:
<?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_gravity="center_vertical" android:layout_weight="1" android:paddingLeft="10dp"android:textColor="@android:color/black"/> <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>
然后是定义弹出框的布局,dialog_multiplechoice.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="30dp"android:orientation="vertical" android:background="@android:color/background_light"><com.example.mutichoicedialog.CustomMultipleChoiceViewandroid:id="@+id/CustomMultipleChoiceView"android:layout_width="match_parent"android:layout_height="match_parent"></com.example.mutichoicedialog.CustomMultipleChoiceView>
</LinearLayout>
Activity主界面的布局,activity_main.xml:
<RelativeLayout 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"tools:context=".MainActivity" ><EditText android:id="@+id/text"android:layout_width="match_parent"android:layout_height="wrap_content"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"android:onClick="OnViewClick"android:text="显示多选对话框" /></RelativeLayout>
二、弹出框ListView是适配器,MutipleChoiceAdapter.java:
package com.example.mutichoicedialog;import android.content.Context;
import android.util.SparseBooleanArray;
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 MutipleChoiceAdapter extends BaseAdapter {// 填充数据的list private String[] list; // 用来控制CheckBox的选中状况 private SparseBooleanArray isSelected; // 用来导入布局 private LayoutInflater inflater; public MutipleChoiceAdapter(String[] list, Context context) {this.list = list; inflater = LayoutInflater.from(context); isSelected = new SparseBooleanArray(); // 初始化数据 initData(); }// 初始化isSelected的数据 private void initData() { for (int i = 0; i < list.length; i++) { getIsSelected().put(i, false); } } @Override public int getCount() { return list.length; } @Override public Object getItem(int position) { return list[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.custom_mutiplechoice_view_list_item, 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[position]); // 根据isSelected来设置checkbox的选中状况 holder.cb.setChecked(getIsSelected().get(position)); return convertView; } public SparseBooleanArray getIsSelected() { return isSelected; } public void setIsSelected(SparseBooleanArray isSelected) { this.isSelected = isSelected; } public static class ViewHolder { TextView tv; public CheckBox cb; }
}
多选对话框的自定义View,CustomMultipleChoiceView.java:
package com.example.mutichoicedialog;import com.example.mutichoicedialog.MutipleChoiceAdapter.ViewHolder;import android.content.Context;
import android.util.AttributeSet;
import android.util.SparseBooleanArray;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.TextView;
/*** 自定义的带 全选/反选 功能的多选对话框* @author king* @creation 2013-8-28*/
public class CustomMultipleChoiceView extends LinearLayout {private MutipleChoiceAdapter mAdapter;private String[] data;private TextView title;private ListView lv;private onSelectedListener onSelectedListener;//确定选择监听器private boolean curWillCheckAll = false;//当前点击按钮时是否将全选public CustomMultipleChoiceView(Context context, AttributeSet attrs) {super(context, attrs);initView();}public CustomMultipleChoiceView(Context context) {super(context);initView();}private void initView(){/* 实例化各个控件 */ LayoutInflater inflater = LayoutInflater.from(getContext());View view = inflater.inflate(R.layout.custom_mutiplechoice_view, null);lv = (ListView) view.findViewById(R.id.mutiplechoice_listview); Button bt_selectall = (Button) view.findViewById(R.id.mutiplechoice_selectall_btn); Button bt_ok = (Button) view.findViewById(R.id.mutiplechoice_ok_btn);title = (TextView) view.findViewById(R.id.mutiplechoice_title);if(curWillCheckAll){bt_selectall.setText("全选");}else{bt_selectall.setText("反选");}MyClickListener l = new MyClickListener();// 全选按钮的回调接口 bt_selectall.setOnClickListener(l); bt_ok.setOnClickListener(l);// 绑定listView的监听器 lv.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) { // 取得ViewHolder对象,这样就省去了通过层层的findViewById去实例化我们需要的cb实例的步骤 ViewHolder holder = (ViewHolder) arg1.getTag(); // 改变CheckBox的状态 holder.cb.toggle(); // 将CheckBox的选中状况记录下来 mAdapter.getIsSelected().put(position, holder.cb.isChecked());} });
// positiveBtn.setOnClickListener(l);addView(view);}public void setData(String[] data, boolean[] isSelected){if(data == null){throw new IllegalArgumentException("data is null");}this.data = data;mAdapter = new MutipleChoiceAdapter(data, getContext()); if(isSelected != null){if(isSelected.length != data.length){throw new IllegalArgumentException("data's length not equal the isSelected's length");}else{for(int i=0; i<isSelected.length; i++){mAdapter.getIsSelected().put(i, isSelected[i]);}}}// 绑定Adapter lv.setAdapter(mAdapter); }public void setTitle(String title){if(this.title != null){this.title.setText(title);}}public void setOnSelectedListener(onSelectedListener l){this.onSelectedListener = l;}public interface onSelectedListener{public void onSelected(SparseBooleanArray sparseBooleanArray);}/*** 全选*/public void selectAll(){if(data != null){for (int i = 0; i < data.length; i++) { mAdapter.getIsSelected().put(i, true); } // 刷新listview和TextView的显示 mAdapter.notifyDataSetChanged();}}/*** 全不选*/public void deselectAll(){if(data != null){for (int i = 0; i < data.length; i++) { mAdapter.getIsSelected().put(i, false); } // 刷新listview和TextView的显示 mAdapter.notifyDataSetChanged();}}/*** 反选*/public void reverseSelect(){if(data != null){for (int i = 0; i < data.length; i++) { mAdapter.getIsSelected().put(i, !mAdapter.getIsSelected().get(i)); } // 刷新listview和TextView的显示 mAdapter.notifyDataSetChanged();}}private class MyClickListener implements OnClickListener{@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.mutiplechoice_selectall_btn://全选/反选按钮if(data == null){return;}if(curWillCheckAll){selectAll();}else{deselectAll();}if(curWillCheckAll){((Button)v).setText("反选");}else{((Button)v).setText("全选");}curWillCheckAll = !curWillCheckAll;break;case R.id.mutiplechoice_ok_btn://确定选择的按钮if(onSelectedListener != null && mAdapter != null){onSelectedListener.onSelected(mAdapter.getIsSelected());}break;default:break;}}}
}
最后,是主界面Activity的代码,MainActivity.java:
package com.example.mutichoicedialog;import android.app.Activity;
import android.os.Bundle;
import android.util.SparseBooleanArray;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.widget.EditText;
import android.widget.LinearLayout.LayoutParams;
import android.widget.PopupWindow;
import android.widget.TextView;import com.example.mutichoicedialog.CustomMultipleChoiceView.onSelectedListener;public class MainActivity extends Activity {private PopupWindow stationSelectDialog;private EditText edtView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);edtView = (EditText) findViewById(R.id.text);}public void OnViewClick(View v){showMutiChoiceDialog(new String[]{"选项一","选项二","选项三","选项四","选项五","选项六","选项七","选项八","选项九","选项十",}, edtView);}private void showMutiChoiceDialog(final String[] stationsMean, final TextView textView){if(stationSelectDialog == null){LayoutInflater inflater = LayoutInflater.from(this);View view = inflater.inflate(R.layout.dialog_multiplechoice, null);CustomMultipleChoiceView mutipleChoiceView = (CustomMultipleChoiceView) view.findViewById(R.id.CustomMultipleChoiceView);mutipleChoiceView.setData(stationsMean, null);mutipleChoiceView.selectAll();mutipleChoiceView.setTitle("多选");stationSelectDialog = new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);mutipleChoiceView.setOnSelectedListener(new onSelectedListener() {@Overridepublic void onSelected(SparseBooleanArray sparseBooleanArray) {stationSelectDialog.dismiss();StringBuilder sb = new StringBuilder();for(int i=0; i<sparseBooleanArray.size(); i++){if(sparseBooleanArray.get(i)){sb.append(stationsMean[i] + ",");}}if(sb.length() > 0)sb.deleteCharAt(sb.length()-1);textView.setText(sb.toString());}});}stationSelectDialog.showAtLocation(getCurrentFocus(), Gravity.CENTER, 0, 0);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.activity_main, menu);return true;}}
Ok,就是这么简单。
完整代码下载:例子
文章出自点击打开链接转载请注明出处。
Android Dialog实现全选反选相关推荐
- android 获取通讯录全选反选_Android Recyclerview实现多选,单选,全选,反选,批量删除的功能...
效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
- android 获取通讯录全选反选_Xamarin.Forms读取并展示Android和iOS通讯录 TerminalMACS客户端...
本文同步更新地址: https://dotnet9.com/11520.html https://terminalmacs.com/861.html 阅读导航: 一.功能说明 二.代码实现 三.源码获 ...
- android 批量查找view,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
效果图如下: recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
- android 全选功能,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
- jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
- JSjQuery全选反选父项子项联动多选框
全选反选父项子项联动多选框 js代码:<!DOCTYPE html><html lang="en"><head> <meta charse ...
- jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行 全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
- Jquery实现 全选反选
Jquery实现 全选反选 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...
- JS 原生实现复选框全选反选功能
** JS 原生实现复选框全选反选功能 ** 按钮功能实现思路: 全选按钮: 直接将全选按钮的状态赋值给每一个 复选框. 复选框:只有当所有的复选框选中时,全选按钮才能选中,所以每当复选框每点击一次就 ...
最新文章
- 计算机内部使用什么方法技术,计算机内部使用什么技术
- python中ndarray如何生成单独的记事本文件_NumPy-快速处理数据--ndarray对象--数组的创建和存取...
- linux 内核中断与时钟的冲突 问题 del_timer,Linux内核开发之中断与时钟(三)
- fcntl函数之文件锁 F_SETLK
- codeup 2044 暴力搜索
- 浏览器弹窗怎么设置显示url_谷歌浏览器Chrome76版本地址栏不显示HTTPS和WWW怎么办?...
- postgresql 数据库
- 浅析MSIL中间语言——基础篇
- Python提示ModuleNotFoundError: No module named ‘PIL‘,已解决
- 异常:Software caused connection abort: socket write error
- Python学习笔记(正则表达式)
- 闭包与setTimeout
- 固高运动控制器,c#代码,支持gt400/800
- 路由器网络性能测试软件,路由器压力测试工具 路由器UDP攻击软件 路由器性能测试...
- 对Office中Word内容的格式检测——问题发现(仅支持docx文件)
- Head First中文版教程
- android 8 奕骆,这才是超级手机 奕骆6000mAh称霸全球 USB Type-C
- 8583报文格式介绍
- 《20个月赚130亿-YouTube创始人陈士骏自传》- 简评
- Android端与服务端基于TCP/IP协议的Socket通讯
热门文章
- ucharts跨端图表使用
- java让内容不超出单元格_html表格中单元格内容超出不换行和超出宽度自动隐藏并显示省略号及鼠标移入显示全部内容/移出隐藏(用title属性)...
- 有哪些好的上门洗车小程序开发公司可以推荐?
- 一个IP可以绑定多个域名的正确说法
- 5款大神手机必备APP,个个都是精品,你有什么理由拒绝
- 94. 二叉树的中序遍历-M
- 产业分析:虚拟偶像行业研究报告
- JAVA课设:电子英汉词典(附源码+调试)
- python接收弹幕_Python项目2:弹幕复读机
- 互联网时代,“短视频+教育”成为一大趋势