android勾选控件_Android高级控件(一)——ListView绑定CheckBox实现全选,添加和删除等功能...

这篇博客介绍了如何在Android中结合ListView和CheckBox实现全选、添加和删除功能。通过创建自定义的ListAdapter,设置CheckBox点击事件,并利用HashMap存储状态,实现了列表项的动态管理。此外,还讲解了如何初始化数据、处理点击事件以及优化ListView的显示效果。
摘要由CSDN通过智能技术生成

Android高级控件(一)——ListView绑定CheckBox实现全选,添加和删除等功能

这个控件还是挺复杂的。也是项目中应该算是比較经常使用的了,所以写了一个小Demo来讲讲,主要是自己定义adapter的使用方法。加了非常多的推断等等等等….我们先来看看实现的效果吧!

c2e37a47b57bd286010df50fad3e7303.gif

好的,我们新建一个项目LvCheckBox

5d5662099ed23bee952e9d83e82c4c69.png

我们事先先把这两个布局写好吧,一个是主布局,另一个listview的item.xml。相信不用多说

activity_main.xml

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_height="50dp"

android:background="#238286" >

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="ListView绑定CheckBox"

android:textColor="#fff" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:layout_marginRight="17dp"

android:text="添加"

android:textColor="#fff" />

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1" >

android:layout_height="50dp"

android:orientation="horizontal" >

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_marginRight="1dp"

android:layout_weight="1"

android:background="#238286"

android:text="删除"

android:textColor="#fff" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_marginLeft="1dp"

android:layout_weight="1"

android:background="#238286"

android:text="全选"

android:textColor="#fff" />

item.xml

android:layout_width="match_parent"

android:layout_height="50dp"

android:gravity="center_vertical"

android:orientation="horizontal" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="15dp"

android:layout_weight="7"

android:text="text" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1" />

item.xml仅仅有两个控件。非常好理解吧

初始化控件

我们用initView()方法来初始化这些控件

private void initView() {

tv_add = (TextView) findViewById(R.id.tv_add);

tv_add.setOnClickListener(this);

btn_detele = (Button) findViewById(R.id.btn_detele);

btn_detele.setOnClickListener(this);

btn_select_all = (Button) findViewById(R.id.btn_select_all);

btn_select_all.setOnClickListener(this);

listview = (ListView) findViewById(R.id.listview);

}

然后继承点击事件,button的和listview的

implements OnClickListener,OnItemClickListener

自己定义Adapter

这里最难的就是adapter了

1.Bean

我们为了数据的记录方便。我们提前写一个实体类

package com.lgl.lvcheckbox;

public class Bean {

private String title;

// 构造方法

public Bean(String title) {

super();

this.title = title;

}

public String getTitle() {

return title;

}

public void setTitle(String title) {

this.title = title;

}

}

ListAdapter

这里全部的都写了凝视,也方便大家看清

package com.lgl.lvcheckbox;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

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.CompoundButton;

import android.widget.CompoundButton.OnCheckedChangeListener;

import android.widget.TextView;

/**

* 自己定义适配器

*

*@author LGL

*

*/

public class ListAdapter extends BaseAdapter {

// 数据集

private List list = new ArrayList();

// 上下文

private Context mContext;

// 存储勾选框状态的map集合

private Map isCheck = new HashMap();

// 构造方法

public ListAdapter(Context mContext) {

super();

this.mContext = mContext;

// 默觉得不选中

initCheck(false);

}

// 初始化map集合

public void initCheck(boolean flag) {

// map集合的数量和list的数量是一致的

for (int i = 0; i < list.size(); i++) {

// 设置默认的显示

isCheck.put(i, flag);

}

}

// 设置数据

public void setData(List data) {

this.list = data;

}

// 加入数据

public void addData(Bean bean) {

// 下标 数据

list.add(0, bean);

}

@Override

public int getCount() {

// TODO Auto-generated method stub

// 假设为null就返回一个0

return list != null ? list.size() : 0;

}

@Override

public Object getItem(int position) {

// TODO Auto-generated method stub

return list.get(position);

}

@Override

public long getItemId(int position) {

// TODO Auto-generated method stub

return position;

}

@Override

public View getView(final int position, View convertView, ViewGroup parent) {

ViewHolder viewHolder = null;

View view = null;

// 推断是不是第一次进来

if (convertView == null) {

view = LayoutInflater.from(mContext).inflate(R.layout.item, null);

viewHolder = new ViewHolder();

viewHolder.title = (TextView) view.findViewById(R.id.tvTitle);

viewHolder.cbCheckBox = (CheckBox) view

.findViewById(R.id.cbCheckBox);

// 标记,能够复用

view.setTag(viewHolder);

} else {

view = convertView;

// 直接拿过来用

viewHolder = (ViewHolder) view.getTag();

}

// 拿到对象

Bean bean = list.get(position);

// 填充数据

viewHolder.title.setText(bean.getTitle().toString());

// 勾选框的点击事件

viewHolder.cbCheckBox

.setOnCheckedChangeListener(new OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView,

boolean isChecked) {

// 用map集合保存

isCheck.put(position, isChecked);

}

});

// 设置状态

if (isCheck.get(position) == null) {

isCheck.put(position, false);

}

viewHolder.cbCheckBox.setChecked(isCheck.get(position));

return view;

}

// 优化

public static class ViewHolder {

public TextView title;

public CheckBox cbCheckBox;

}

// 全选button获取状态

public Map getMap() {

// 返回状态

return isCheck;

}

// 删除一个数据

public void removeData(int position) {

list.remove(position);

}

}

当然,有些方法是后面写的,我们提前写好。比方删除和添加什么的

初始化数据

我们默认总是须要点数据的

private void initData() {

// 默认显示的数据

List list = new ArrayList();

list.add(new Bean("张三"));

list.add(new Bean("李四"));

list.add(new Bean("王五"));

adapter = new ListAdapter(this);

adapter.setData(list);

listview.setAdapter(adapter);

}

添加数据

// 加入数据

case R.id.tv_add:

adapter.addData(new Bean("刘桂林"));

// 通知刷新适配器

adapter.notifyDataSetChanged();

break;

全选数据

当我们全选的时候,button应该为全不选的,所以这里我们这里有状态的

case R.id.btn_select_all:

// 全选——全不选

Map isCheck = adapter.getMap();

if (btn_select_all.getText().equals("全选")) {

adapter.initCheck(true);

// 通知刷新适配器

adapter.notifyDataSetChanged();

btn_select_all.setText("全不选");

btn_select_all.setTextColor(Color.YELLOW);

} else if (btn_select_all.getText().equals("全不选")) {

adapter.initCheck(false);

// 通知刷新适配器

adapter.notifyDataSetChanged();

btn_select_all.setText("全选");

btn_select_all.setTextColor(Color.YELLOW);

}

break;

删除数据

删除也是要考虑非常多因素

// 删除数据

case R.id.btn_detele:

// 拿到全部数据

Map isCheck_delete = adapter.getMap();

// 获取到条目数量。map.size = list.size,所以

int count = adapter.getCount();

// 遍历

for (int i = 0; i < count; i++) {

// 删除有两个map和list都要删除 ,计算方式

int position = i - (count - adapter.getCount());

// 推断状态 true为删除

if (isCheck_delete.get(i) != null && isCheck_delete.get(i)) {

// listview删除数据

isCheck_delete.remove(i);

adapter.removeData(position);

}

}

btn_select_all.setText("全选");

btn_select_all.setTextColor(Color.WHITE);

adapter.notifyDataSetChanged();

break;

这里的

int position = i - (count - adapter.getCount());

是一个计算方式。当我们删除之后。实际上数组是须要又一次排列的,同一时候button也要变回全选状态的

ce81ed459a274cc7b44165767f6c97b7.png

listview的点击

我们直接点击也是能够勾选cheakbox选中的

// listview的点击事件

@Override

public void onItemClick(AdapterView

> parent, View view, int position,

long id) {

// 推断view是否同样

if (view.getTag() instanceof ViewHolder) {

// 假设是的话。重用

ViewHolder holder = (ViewHolder) view.getTag();

// 自己主动触发

holder.cbCheckBox.toggle();

}

}

好的,这种话就能够实现了,假设不懂的话能够下载本文demo參考。觉得好的点个赞

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值