ExpandableListView实例

最新推荐文章于 2024-04-19 10:51:36 发布
最新推荐文章于 2024-04-19 10:51:36 发布
阅读量1.4w 收藏 41
点赞数 10
分类专栏： Android 文章标签： expandablelistview 上下文菜单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hnyzwtf/article/details/50487228
版权

先来看效果图：
这里写图片描述
demo中有三个group item和多个child item，group item包括一个指示器，一个标题和一个按钮。child item包括一个图片，一个标题和一个按钮。先来实现布局文件
1 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ExpandableListView
        android:id="@+id/expandlist"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="#00000000"
        android:divider="@android:color/white"
        android:dividerHeight="1dp" />

</RelativeLayout>

group布局，groupitem.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="50dp"
    android:orientation="horizontal"
    android:gravity="center_vertical" >
    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="50dp">
        <ImageView 
            android:id="@+id/img_indicator"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_marginLeft="15dp"
            android:layout_centerVertical="true"/>
        <TextView 
            android:id="@+id/tv_group_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/img_indicator"
            android:text="zhang san"
            android:textSize="16sp"/>
        <Button
            android:id="@+id/btn_group_function"
            android:focusable="false"
            android:clickable="true"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="20dp"
            android:gravity="right"
            android:background="@drawable/btn_bg_menu" />
    </RelativeLayout>


</LinearLayout>

child布局文件childitem.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="50dp"    
    android:paddingStart="8dp"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="50dp">
        <ImageView 
            android:id="@+id/img_child"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginLeft="20dp"
            android:layout_centerVertical="true"/>
        <TextView 
            android:id="@+id/tv_child_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/img_child"
            android:text="xiangjiao"
            android:textSize="16sp"/>
        <Button
            android:id="@+id/btn_child_function"
            android:focusable="false"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="20dp"
            android:gravity="right"
            android:background="@drawable/btn_bg_menu" />
    </RelativeLayout>

</LinearLayout>

2 由于每一个child子项中的图片和标题都不一样，因此我们要新建一个Java bean类来描述每一个子项内容
新建ChildItem.java

package com.example.model;

public class ChildItem {
    private String title;//子项显示的文字
    private int markerImgId;//每个子项的图标

    public ChildItem(String title, int markerImgId)
    {
        this.title = title;
        this.markerImgId = markerImgId;

    }

    public String getTitle() {
        return title;
    }
    public void setTitle(String title) {
        this.title = title;
    }
    public int getMarkerImgId() {
        return markerImgId;
    }
    public void setMarkerImgId(int markerImgId) {
        this.markerImgId = markerImgId;
    }


}

3 如果要将自定义的数据在ExpandableListView上显示出来，我们必须定义一个适配器

package com.example.expandablelistdemo;

import java.util.List;
import java.util.Map;

import com.example.model.ChildItem;

import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.os.Parcelable;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * ExpandListView的适配器，继承自BaseExpandableListAdapter
 *
 */
public class MyBaseExpandableListAdapter extends BaseExpandableListAdapter implements OnClickListener {

    private Context mContext;
    private List<String> groupTitle;
    //子项是一个map，key是group的id，每一个group对应一个ChildItem的list
    private Map<Integer, List<ChildItem>> childMap;
    private Button groupButton;//group上的按钮

    public MyBaseExpandableListAdapter(Context context, List<String> groupTitle, Map<Integer, List<ChildItem>> childMap) {
        this.mContext = context;
        this.groupTitle = groupTitle;
        this.childMap = childMap;
    }
    /*
     *  Gets the data associated with the given child within the given group
     */
    @Override
    public Object getChild(int groupPosition, int childPosition) {
        //我们这里返回一下每个item的名称，以便单击item时显示
        return childMap.get(groupPosition).get(childPosition).getTitle();
    }
    /*  
     * 取得给定分组中给定子视图的ID. 该组ID必须在组中是唯一的.必须不同于其他所有ID（分组及子项目的ID）
     */
    @Override
    public long getChildId(int groupPosition, int childPosition) {      
        return childPosition;
    }
    /* 
     *  Gets a View that displays the data for the given child within the given group
     */
    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, 
            ViewGroup parent) {
        ChildHolder childHolder = null;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.childitem, null);
            childHolder = new ChildHolder();
            childHolder.childImg = (ImageView) convertView.findViewById(R.id.img_child);
            childHolder.childText = (TextView) convertView.findViewById(R.id.tv_child_text);
            convertView.setTag(childHolder);
        }else {
            childHolder = (ChildHolder) convertView.getTag();
        }
        childHolder.childImg.setBackgroundResource(childMap.get(groupPosition).get(childPosition).getMarkerImgId());
        childHolder.childText.setText(childMap.get(groupPosition).get(childPosition).getTitle());

        return convertView;
    }

    /* 
     * 取得指定分组的子元素数
     */
    @Override
    public int getChildrenCount(int groupPosition) {
        // TODO Auto-generated method stub
        return childMap.get(groupPosition).size();
    }

    /**
     * 取得与给定分组关联的数据
     */
    @Override
    public Object getGroup(int groupPosition) {
        return groupTitle.get(groupPosition);
    }

    /**
     * 取得分组数
     */
    @Override
    public int getGroupCount() {
        return groupTitle.size();
    }

    /**
     * 取得指定分组的ID.该组ID必须在组中是唯一的.必须不同于其他所有ID（分组及子项目的ID）
     */
    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }
    /* 
     *Gets a View that displays the given group
     *return: the View corresponding to the group at the specified position 
     */
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        GroupHolder groupHolder = null;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.groupitem, null);
            groupHolder = new GroupHolder();
            groupHolder.groupImg = (ImageView) convertView.findViewById(R.id.img_indicator);
            groupHolder.groupText = (TextView) convertView.findViewById(R.id.tv_group_text);
            convertView.setTag(groupHolder);
        }else {
            groupHolder = (GroupHolder) convertView.getTag();
        }
        if (isExpanded) {
            groupHolder.groupImg.setBackgroundResource(R.drawable.downarrow);
        }else {
            groupHolder.groupImg.setBackgroundResource(R.drawable.rightarrow);
        }
        groupHolder.groupText.setText(groupTitle.get(groupPosition));

        groupButton = (Button) convertView.findViewById(R.id.btn_group_function);
        groupButton.setOnClickListener(this);
        return convertView;
    }

    @Override
    public boolean hasStableIds() {
        // Indicates whether the child and group IDs are stable across changes to the underlying data
        return true;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        // Whether the child at the specified position is selectable
        return true;
    }
    /**
     * show the text on the child and group item
     */ 
    private class GroupHolder
    {
        ImageView groupImg;
        TextView groupText;
    }
    private class ChildHolder
    {
        ImageView childImg;
        TextView childText;
    }
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.btn_group_function:
            Log.d("MyBaseExpandableListAdapter", "你点击了group button");           
        default:
            break;
        }

    }   
}

4 MainActivity.java

package com.example.expandablelistdemo;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.example.model.ChildItem;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.ContextMenu;
import android.view.LayoutInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnCreateContextMenuListener;
import android.view.ViewGroup;
import android.view.ContextMenu.ContextMenuInfo;
import android.widget.BaseExpandableListAdapter;
import android.widget.Button;
import android.widget.ExpandableListView;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.ExpandableListView.OnChildClickListener;

public class MainActivity extends Activity {
    private ExpandableListView expandList;
    private List<String> groupData;//group的数据源
    private Map<Integer, List<ChildItem>> childData;//child的数据源
    private MyBaseExpandableListAdapter myAdapter;

    final int CONTEXT_MENU_GROUP_DELETE = 0;//添加上下文菜单时每一个菜单项的item ID
    final int CONTEXT_MENU_GROUP_RENAME = 1;
    final int CONTEXT_MENU_CHILD_EDIT = 2;
    final int CONTEXT_MENU_CHILD_DELETE = 3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initDatas();
        initView();
        initEvents();
    }
    /**
     * group和child子项的数据源
     */
    private void initDatas() {

        groupData = new ArrayList<String>();
        groupData.add("红色水果");
        groupData.add("黄色水果");
        groupData.add("其他水果");

        List<ChildItem> childItems = new ArrayList<ChildItem>();
        ChildItem childData1 = new ChildItem("苹果", R.drawable.apple_pic);
        childItems.add(childData1);
        ChildItem childData2 = new ChildItem("樱桃", R.drawable.cherry_pic);
        childItems.add(childData2);
        ChildItem childData3 = new ChildItem("草莓", R.drawable.strawberry_pic);
        childItems.add(childData3);

        List<ChildItem> childItems2 = new ArrayList<ChildItem>();
        ChildItem childData4 = new ChildItem("香蕉", R.drawable.banana_pic);
        childItems2.add(childData4);
        ChildItem childData5 = new ChildItem("芒果", R.drawable.mango_pic);
        childItems2.add(childData5);
        ChildItem childData6 = new ChildItem("橘子", R.drawable.orange_pic);
        childItems2.add(childData6);
        ChildItem childData7 = new ChildItem("梨子", R.drawable.pear_pic);
        childItems2.add(childData7);

        List<ChildItem> childItems3 = new ArrayList<ChildItem>();
        ChildItem childData8 = new ChildItem("葡萄", R.drawable.grape_pic);
        childItems3.add(childData8);
        ChildItem childData9 = new ChildItem("西瓜", R.drawable.watermelon_pic);
        childItems3.add(childData9);

        childData = new HashMap<Integer, List<ChildItem>>();
        childData.put(0, childItems);
        childData.put(1, childItems2);
        childData.put(2, childItems3);

        myAdapter = new MyBaseExpandableListAdapter(this, groupData, childData);
    }

    private void initView() {
        expandList = (ExpandableListView) findViewById(R.id.expandlist);
        //在drawable文件夹下新建了indicator.xml，下面这个语句也可以实现group伸展收缩时的indicator变化
        //expandList.setGroupIndicator(this.getResources().getDrawable(R.drawable.indicator));
        expandList.setGroupIndicator(null);//这里不显示系统默认的group indicator
        expandList.setAdapter(myAdapter);
        registerForContextMenu(expandList);//给ExpandListView添加上下文菜单 
    }
    private void initEvents() {
        //child子项的单击事件
        expandList.setOnChildClickListener(new OnChildClickListener() {

            @Override
            public boolean onChildClick(ExpandableListView parent, View v,
                    int groupPosition, int childPosition, long id) {
                Toast.makeText(MainActivity.this, "你单击了："  
                        +myAdapter.getChild(groupPosition, childPosition), Toast.LENGTH_SHORT).show();  
                return true;
            }
        }); 

    }
    /* 
     * 添加上下文菜单
     */
    @Override
    public void onCreateContextMenu(ContextMenu menu, View v,
            ContextMenuInfo menuInfo) {

        super.onCreateContextMenu(menu, v, menuInfo);
        ExpandableListView.ExpandableListContextMenuInfo info = (ExpandableListView.ExpandableListContextMenuInfo)menuInfo;
        int type = ExpandableListView.getPackedPositionType(info.packedPosition);
        if (type == ExpandableListView.PACKED_POSITION_TYPE_GROUP) {
            menu.setHeaderTitle("Options");
            menu.add(0, CONTEXT_MENU_GROUP_DELETE, 0, "删除");
            menu.add(0, CONTEXT_MENU_GROUP_RENAME, 0, "重命名");
        }
        if (type == ExpandableListView.PACKED_POSITION_TYPE_CHILD) {
            menu.setHeaderTitle("Options");
            menu.add(1, CONTEXT_MENU_CHILD_EDIT, 0, "编辑");
            menu.add(1, CONTEXT_MENU_CHILD_DELETE, 0, "删除");
        }

    }
    /* 
     * 每个菜单项的具体点击事件
     */
    @Override
    public boolean onContextItemSelected(MenuItem item) {

     ExpandableListView.ExpandableListContextMenuInfo info = (ExpandableListView.ExpandableListContextMenuInfo)item.getMenuInfo();
     switch (item.getItemId()) {
        case CONTEXT_MENU_GROUP_DELETE:
            Toast.makeText(this, "这是group的删除", Toast.LENGTH_SHORT).show();
            break;
        case CONTEXT_MENU_GROUP_RENAME:
            Toast.makeText(this, "这是group的重命名", Toast.LENGTH_SHORT).show();
            break;
        case CONTEXT_MENU_CHILD_EDIT:
            Toast.makeText(this, "这是child的编辑", Toast.LENGTH_SHORT).show();
            break;
        case CONTEXT_MENU_CHILD_DELETE:
            Toast.makeText(this, "这是child的删除", Toast.LENGTH_SHORT).show();
            break;

        default:
            break;
        }   

        return super.onContextItemSelected(item);
    }
}

在MainActivity.java中，我们给ExpandableListView添加了上下文菜单，长按group或者child的某一项都能弹出上下文菜单，另外，在group和child中，都添加了一个这里写图片描述这样的按钮，本来是打算，点击group中的此按钮弹出和长按group时弹出一样的上下文菜单，点击child上面的此按钮时也弹出相应的上下文菜单，但是此问题没能解决。就先放在这里了。

代码在这里：http://download.csdn.net/detail/hnyzwtf/9397117

hnyzwtf
关注
  • 10
    点赞
  • 踩
  • 41
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
ListView实例
IT一分子
04-14 1089
首先xiank代码吧。。。
ExpandedListView:ExpandedListView 并尽可能保存所有子项
06-12
扩展列表视图 扩展列表视图 API 8+ 恢复 ListView 所有子状态和滚动位置 使用 ExpandedListView expandedListView; expandedListView.setExpanded(true); adapter.notifyDataSetChanged(); // Restoring data after rotating screen or pressing Home back expandedListView.restoreByKeeper(); <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:fillViewpor
可展开的列表组件——ExpandableListView简单举例
It一zhai男
03-11 1018
可展开的列表组件——ExpandableListView详解ExpandableListView是ListView的子类，它在普通的ListView的基础上进行了扩展，把应用中的列表项分成几组，每组里又包含多个列表项。与Adapter类似的是，实现ExpandableListAdapter也有如下三种常用方式： 1. 扩展BaseExpandableListAdapter实现ExpandableA
ExpandableListView可扩展列表视图，可折叠列表视图
最新发布
m0_57150356的博客
04-19 916
ExpandableListView（可扩展/可折叠列表视图）是一种多功能的高级控件，每个子项都可以展开一个孙子列表。点击一个分组（子项），即可展开该分组下的孙子列表；再次点击该分组，即可收起该分组下的孙子项列表。
ExpandableListView实现可展开的ListView
smily的博客
09-26 5174
最近朋友公司的一个项目中用到了一ListView的Item嵌套ListView的功能，朋友向我求助这种效果该怎么实现。ListView嵌套ListView的情况在实际开发中用到的还是比较多的。谷歌也给了我们一个这样的控件叫ExpandableListView，它可以实现item的展开效果。ExpandableListView除了比ListView多了几个方法外用法几乎和ListView用法一样，只要...
高级控件之分组列表视图(ExpandableListView)
wenzhi的博客
12-06 2041
和ListView不同的是它是一个两级的滚动列表视图,每一个组可以展开,显示一些子项,类似于 QQ列表,这些项目来至于ExpandableListAdapter的子类,也就是说,要实现向里面添加项目,必须写一个子类实现ExpandableListAdapter的接口或者使用系统为我们实现在子类。
ListView示例（附详解+源码）
是阿超
01-13 784
ListView示例效果图代码部分ListViewActivity（显示ListView的Activity）相对应的xml文件（activity_list_view.xml）MyData数据源MyAdapter适配器类单个View条目xml（list_view_adapter.xml）加载进度所需要的进度条（storage_bar.xml） 效果图 代码部分 ListViewActivity（显示ListView的Activity） package com.gaojc.activity; import
ExpandableListView实例源码
12-03
从网络获取分组列表数据并显示在ExpandableListView中。 思路： 1、创建ExpandableListView，使用ExpandableListAdapter加载本地模拟数据。 2、异步获取网络数据替换ExpandableListAdapter中数据，并刷新。 3、...
android ExpandableListView实例
04-26
在这个“android ExpandableListView实例”中，我们将深入探讨如何创建和实现一个具有点击事件的`ExpandableListView`。 首先，我们要理解`ExpandableListView`的基本概念。它继承自`ListView`，但增加了可扩展性，...
ListView开发实例 ListView示例 ListView案例 小例子 源码
11-24
ListView开发实例 ListView示例 ListView案例 小例子 源码
Android ExpandableListView实例Demo
07-04
前几篇文章介绍了Listview，但在实际开发中也经常会用到多层的Listview来展示数据，比如qq中的好友展示，所以这张来了解一下ExpandableListview，基本思想与Listview大致是相同的，所以用起来会比较方便。
ExpandableListViewDemo
09-24
ExpandableListView：可展开的listview.实现很简单，您可以进行拓展，实现自己想要的效果.
ExpandableListView综合实例
05-14
ExpandableListView实例(一)_数据库增删改查处理和listitem点击长按处理 本例说明: 1.实例中表现层与数据处理层分开,代码可复用性强,如果能看懂代码对算法会有提高. 2.组和子条目上"点击"事件处理,能够区分操作的是组还是子条目,并且得到组和子条目的内容. 3.组和子条目上"长按"事件处理,能够区分组和子条目,并且得到组和子条目的内容. 4.自定义条目样式,灵活与数据库中字段绑定. 5.实现对DB的增删改查,并且操作后自动刷新. 6.使用数据库处理框架AHibernate灵活操作sqlite数据库,详见: http://blog.csdn.net/lk_blog/article/details/7455992 ExpandableListView实例(二)_两种方式实现QQ中组后面显示子条目数量效果 本例说明: QQ,飞信等聊天工具中组后面后会显示有多少个子条目,这个是如何实现的呢?查阅了网上还没有相关的介绍,现在本文介绍两种方式实现此功能. 第一种方式:自定义Adapter,重写getGroupView方法. 第二种方式:自定义group.xml中的控件,加一个textview用于显示子条目个数. 注:本文数据库处理使用框架AHibernate,可以灵活操作sqlite数据库, 详见: http://blog.csdn.net/lk_blog/article/details/7455992 ExpandableListView实例(三)_实现QQ中"未分组"效果和"未分组"不可编辑删除功能 本例说明: 实现QQ中"未分组"效果和"未分组"不可编辑删除功能. 注:本文数据库处理使用框架AHibernate,可以灵活操作sqlite数据库, 详见: http://blog.csdn.net/lk_blog/article/details/7455992
android--ExpandableListView实例
04-01
android--ExpandableListView实例
ListView简单例子演示
Venus 的博客
07-05 419
一、ListView适配器的适配类型（用一个实体类Fruit表示），要这么写 package com.example.magicalpai.list_view; public class Fruit { private String name; private int imageId; public Fruit(String name, int imageId) { this.name = name; this.imageId = imageId
ListView案例集锦
简单点的博客
09-27 718
主要介绍了创建ListView的几种方式。一种是，ArrayAdapter创建适配器的方式，可以传入数组或者是集合中的数据。一种是，直接entries引入资源文件。一种是，用SimpleAdaoter，注意构造函数传入的值。后面会补充另外一种创建的方式，直接自称ListActivity类。
android应用案例之Listview
HarryPottey的博客
07-18 638
一、效果展现 二、代码实现 UI设计部分 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://sche
android ExpandableListView
05-23
Android ExpandableListView is a view that is used to display a list of items that can be expanded or collapsed to show or hide associated sub-items. It is a subclass of ListView and provides a user ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值