`
yinzhijia
  • 浏览: 13938 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Android开发:自定义ExpandableListView、GridView的Checkbox

阅读更多

最近在做一个Android项目,在项目中要用到自定义ExpandableListView、GridView,要求是同一级别的组织信息显示在一个listview,同一级别的人员信息显示在一个listview,并且人员前面还有有复选框。下面详细介绍:

 

先建立一个ListViewAdapter,继承自BaseExpandableListAdapter,在ListViewAdapter实现了对组织数据的绑定,在这里我就不造数据了。

 

 
package com.yzj.example;
 
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.*;
import android.widget.AdapterView.OnItemClickListener;
import com.example.ListViewChildAdapter.*;
 
public class ListViewAdapter extends BaseExpandableListAdapter implements
        OnItemClickListener
{
    public static final int ItemHeight = 48;// 每项的高度
 
    private LayoutInflater layoutInflater;
    private List<Map<String, String>> groupData;//组织数据
    private List<List<Map<String, String>>> childData;//人员数据
    private ExpandableListView expandableListView;
    private Context context;
 
    public ListViewAdapter(Context context, ExpandableListView expandableListView, List<Map<String, String>> groupData, List<List<Map<String, String>>> childData) {
        this.groupData = groupData;
        this.childData = childData;
        this.expandableListView = expandableListView;
        this.context = context;
        this.layoutInflater = LayoutInflater.from(context);
    }
 
    public Object getChild(int groupPosition, int childPosition)
    {
        return childData.get(groupPosition).get(childPosition);
    }
 
    public int getChildrenCount(int groupPosition)
    {
        return 1;
    }
 
    /**
     * 可自定义ExpandableListView
     */
    public View getChildView(int groupPosition, int childPosition,
                             boolean isLastChild, View convertView, ViewGroup parent)
    {
        ViewHolder holder;
 
            convertView = layoutInflater.inflate(R.layout.view, null);
            holder = new ViewHolder();
            holder.gv = (MyGridView) convertView .findViewById(R.id.GridView_toolbar);
            holder.gv.setNumColumns(3);// 设置每行列数
            holder.gv.setGravity(Gravity.CENTER);// 位置居中
            holder.gv.setHorizontalSpacing(10);// 水平间隔
            ListViewChildAdapter simperAdapter = new  ListViewChildAdapter(context,childData.get(groupPosition));
            holder.gv.setAdapter(simperAdapter);// 设置菜单Adapter
            holder.gv.setOnItemClickListener(this);
 
        return convertView;
    }
 
    /**
     * 可自定义list
     */
    public View getGroupView(int groupPosition, boolean isExpanded,
                             View convertView, ViewGroup parent)
    {
 
        GroupViewHolder holder;
        if (convertView == null) {
            convertView = layoutInflater.inflate(R.layout.list_group, null);
            holder = new GroupViewHolder();
            holder.btn = (Button) convertView.findViewById(R.id.group_nextlevel);
            holder.text = (TextView) convertView.findViewById(R.id.group_entityname);
            convertView.setTag(holder);
        } else {
            holder = (GroupViewHolder) convertView.getTag();
        }
        holder.text.setText(groupData.get(groupPosition).get("name"));
        holder.btn.setOnClickListener(new View.OnClickListener(){
 
            @Override
            public void onClick(View view) {
               Toast.makeText(context, "当前选中的是:Button" , Toast.LENGTH_SHORT)
                        .show();
 
            }
        });
        holder.text.setOnClickListener(new View.OnClickListener(){
 
            @Override
            public void onClick(View view) {
 
                Toast.makeText(context, "当前选中的是:Text" , Toast.LENGTH_SHORT)
                        .show();
 
 
            }
        });
        return convertView;
    }
 
    public long getChildId(int groupPosition, int childPosition)
    {
        return childPosition;
    }
 
    public Object getGroup(int groupPosition)
    {
        return groupData.get(groupPosition);
    }
 
    public int getGroupCount()
    {
        return groupData.size();
    }
 
    public long getGroupId(int groupPosition)
    {
        return groupPosition;
    }
 
    public boolean isChildSelectable(int groupPosition, int childPosition)
    {
        return false;
    }
 
    public boolean hasStableIds()
    {
        return false;
    }
 
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
                            long id)
    {
        ViewHolderChild vHollder = (ViewHolderChild) view.getTag();
        //在每次获取点击的item时将对于的checkbox状态改变,同时修改map的值。
        vHollder.checkBox.toggle();
        ListViewChildAdapter.isSelected.put(position, vHollder.checkBox.isChecked());
        if(vHollder.checkBox.isChecked()){
           .....//选中人员的操作 
        }
        if(vHollder.checkBox.isChecked() == false){
           ......//取消选中的操作
        }
 
    }
    static class GroupViewHolder {
        Button btn;
        TextView text;
    }
 
    static class ViewHolder{
        MyGridView gv;
    }
 
}

 

 

再建立一个ListViewChildAdapter,继承自BaseAdapter,在ListViewChildAdapter实现了对人员数据的绑定,在这里我就不造数据了。

 

package com.yzj.example;
 
import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.*;
import android.widget.AdapterView.OnItemClickListener;
 
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
 
public class ListViewChildAdapter extends BaseAdapter
{
    private LayoutInflater layoutInflater;
    private List<Map<String, String>> data;//人员数据
    private Context context;
    public static Map<Integer, Boolean> isSelected;
 
    public ListViewChildAdapter(Context context, List<Map<String, String>> data){
        this.layoutInflater = LayoutInflater.from(context);
        this.context = context;
        this.data = data;
 
        isSelected = new HashMap<Integer, Boolean>();
        for (int i = 0; i < data.size(); i++) {
             isSelected.put(i, false);
        }
    }
 
    @Override
    public int getCount() {
        return data.size();
    }
 
    @Override
    public Object getItem(int i) {
        return data.get(i);
    }
 
    @Override
    public long getItemId(int i) {
        return i;
    }
 
    @Override
    public View getView(int position, View covertView, ViewGroup viewGroup) {
        ViewHolderChild holder;
        if(covertView==null){
            holder = new ViewHolderChild();
            covertView = layoutInflater.inflate(R.layout.item_menu, null);
            holder.tv = (TextView) covertView.findViewById(R.id.item_text);
            holder.checkBox = (CheckBox) covertView.findViewById(R.id.user_select_checkbox);
            covertView.setTag(holder);
        } else {
            holder = (ViewHolderChild) covertView.getTag();
        }
        holder.tv.setText(data.get(position).get("key").toString());//key 数据集中设置的键
       
       //人员选中的操作
 
        return covertView;
    }
 
    public final class  ViewHolderChild{
        TextView tv;
        CheckBox checkBox;
    }
 
}
 

 

自定义MyGridView,继承自GridView。

 

package com.yzj.example;
 
import android.widget.GridView;
 
public class MyGridView extends GridView
{
    public MyGridView(android.content.Context context,
                      android.util.AttributeSet attrs)
    {
        super(context, attrs);
    }
 
    /**
     * 设置不滚动
     */
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
                MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
 
    }
 
}

 

下面是布局文件:

view.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" >
 
    <com.example.MyGridView
        android:id="@+id/GridView_toolbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
    </com.example.MyGridView>
 
</LinearLayout>

 

mail.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="vertical" >
 
    <ExpandableListView
            android:id="@+id/expandableListView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >
    </ExpandableListView>
 
</LinearLayout>

 

list_group.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="fill_parent"
                android:layout_height="50dp"
                android:id="@+id/contacts_group_layout"
        >
    <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/group_entityname"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="20dp"
            android:gravity="center_horizontal"
            />
    <Button
            android:layout_width="15dp"
            android:layout_height="20dp"
            android:id="@+id/group_nextlevel"
            android:background="@drawable/contacts_nextlevel"
            android:layout_alignParentRight="true"
            android:layout_marginRight="20dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="20dp"
            android:focusable="false"  <!--1-->
            android:clickable="false"    <!--2-->
            android:focusableInTouchMode="false"   <!--3-->
            />
<!-- 1、2、3这三句很重要,如果不加就会出现错误。由于checkbox的点击事件优先级比listview的高,所以要在checkbox中添加android:focusable="false",使得checkbox初始的时候没有获取焦点。-->
    <View
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:background="@drawable/contacts_divider"
            android:layout_below="@id/group_nextlevel"
            />
 
</RelativeLayout>

 

item_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout_Item"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="5dip" >
 
    <CheckBox
            android:layout_width="35dp"
            android:layout_height="wrap_content"
            android:id="@+id/user_select_checkbox"
            android:gravity="left"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:background="@null"
            android:focusable="false"
            android:focusableInTouchMode="false"
            android:clickable="false"
            android:text="     "/>
    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" >
    </TextView>
 
</RelativeLayout>

 

 

分享到:
评论

相关推荐

    自定义ExpandableListView带CheckBox全选的功能

    ExpandableListView中group和child自定义视图带CheckBox,实现child全选、部分选中功能,同时实现类似邮件群发的用户选择功能,选中的用户在EditText中显示,点击后移除. 更新: 1. ExpandableListView勾选后生成的...

    自定义ExpandableListView带CheckBox全选功能

    ExpandableListView中group和child自定义视图带CheckBox,实现child全选、部分选中功能,同时实现类似邮件群发的用户选择功能,选中的用户在EditText中显示,点击后移除. 更新: 1. ExpandableListView勾选后生成的...

    android开发demo集合

    简明、完整、全面的安卓开发demo集合,包含如下示例 1、LinearLayout Button、RadioGroup、 CheckBox 2、TableLayout 3、FrameLayout 霓虹灯效果 4、RelativeLayout 梅花效果 5、自定义view跟着触点走的小球 6、 ...

    android笔记

    根据提供的信息,我们可以深入探讨Android开发中的几个关键概念与技术要点。下面将详细介绍与Activity、布局管理器、组件以及对话框等相关的重要知识点。 ### Activity Activity是Android应用程序四大组件之一,它...

    Android2.2 API中文文档——View

    在Android开发中,`View`是最基本的UI组件,所有可见的用户界面元素都是通过继承`View`类实现的。`View`类定义了控件的行为和外观,并且提供了绘制、布局、处理触摸事件等功能。本文档将详细介绍Android2.2版本中的`...

    黑马程序员 安卓学院 万元哥项目经理 分享220个代码实例

    |--ExpandableListView(下拉伸缩ListView) |--GridView表格布局的用法 |--httpclient超时 |--info体系 |--Intent启动应用apk安装 |--Intent常用功能 |--IO将输入流转成字节 |--Json读js资源文件 |--layout布局样式之...

    疯狂Android讲义(第2版)源代码 第6章~第9章

    《疯狂Android讲义(第2版)》.(李刚).源代码 疯狂Android讲义目录结构: 第2章、Android应用程序界面设计,即View 2.2、布局管理(Layout):LinearLayout、TableLayout、FrameLayout、RelativeLayout; 2.3、基本...

    Android控件布局实验1

    本次实验是关于Android开发的控件布局实践,主要涵盖了多个常见的Android控件和布局方式的使用,包括Relative Layout、GridView、Chronometer、Calculator以及可扩展的ExpandableListView和CardView。 1、**...

    Android实例代码

    RadioButton、CheckBox; ToggleButton;AnalogClock、DigitalClock; ImageView; 2.4、高级界面组件:AutoCompleteTextView; Spinner; DatePicker、TimePicker; ProgressBar; SeekBar; RatingBar; TabHost; ...

    2015最新Android基础入门教程.pdf

    总结而言,这份2015年发布的Android基础入门教程覆盖了从系统架构、开发环境搭建、版本控制工具使用到UI设计和控件使用等基础知识,为想要学习Android开发的初学者提供了一套完整的入门指南。随着Android技术的不断...

    Android编程入门很简单.(清华出版.王勇).part1

    这必将使得阅读本书的读者少走弯路,快速上手,从而建立学习Android开发的信心。本书配带1张光盘,收录了重点内容的教学视频(8.7小时多媒体教学视频)和本书涉及的所有源代码。 目录: 第1篇入门必备 第1章初识...

    Android编程入门很简单.(清华出版.王勇).part2

    这必将使得阅读本书的读者少走弯路,快速上手,从而建立学习Android开发的信心。本书配带1张光盘,收录了重点内容的教学视频(8.7小时多媒体教学视频)和本书涉及的所有源代码。 目录: 第1篇入门必备 第1章初识...

    android UI 布局

    在Android开发中,UI设计是至关重要的,因为它直接影响到用户对应用的体验和交互。本教程将深入探讨“android UI布局”,特别是表单控件、复合控件的使用,以及如何实现ListView、GridView和Gallery等控件。我们将...

    android widget

    在Android开发中,`android.widget`包是至关重要的部分,它包含了各种用户界面(UI)组件,用于构建应用程序的交互式界面。这个合集显然涵盖了50篇文章,深入讲解了`android.widget`中的各种控件和相关API的使用,...

    疯狂Android讲义源码

     1.2 搭建Android开发环境 5  1.2.1 下载和安装Android SDK 5  1.2.2 安装Eclipse和ADT插件 7  1.3 Android常用开发工具的用法 10  1.3.1 创建、删除和浏览AVD 10  1.3.2 使用Android模拟器  (Emulator) 14...

Global site tag (gtag.js) - Google Analytics