可展开列表ExpandableListView嵌套GirdView

最新推荐文章于 2016-11-13 23:29:03 发布
最新推荐文章于 2016-11-13 23:29:03 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： Android 文章标签： expandablelistview GirdView 嵌套
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RichieZhu/article/details/50912014
版权

1.NextActivity

package com.louis.girdview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ExpandableListView;

import com.louis.louisexpandablelistviewdemo.R;

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

public class NextActivity extends AppCompatActivity {
    //定义父列表项List数据集合
    List<Map<String, Object>> parentMapList = new ArrayList<Map<String, Object>>();
    //定义子列表项List数据集合
    List<List<Map<String, Object>>> childMapList_list = new ArrayList<List<Map<String, Object>>>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_next);

        initData();

        ExpandableListView expandableListView= (ExpandableListView) findViewById(R.id.id_elv);
        MyBaseExpandableListWithGridView_Adapter myBaseExpandableListWithGridView_adapter
                =new MyBaseExpandableListWithGridView_Adapter(this,parentMapList,childMapList_list);
        expandableListView.setAdapter(myBaseExpandableListWithGridView_adapter);

    }
    private void initData() {


        for (int i = 0; i < 15; i++) {
            //提供父列表的数据
            Map<String, Object> parentMap = new HashMap<String, Object>();
            parentMap.put("parentName", "parentName"+i);
            if (i%2==0) {
                parentMap.put("parentIcon", R.mipmap.ic_launcher);
            }else
            {
                parentMap.put("parentIcon", R.mipmap.louisgeek);
            }
            parentMapList.add(parentMap);
            //提供当前父列的子列数据
            List<Map<String, Object>> childMapList = new ArrayList<Map<String, Object>>();
            for (int j = 0; j < 10; j++) {
                Map<String, Object> childMap = new HashMap<String, Object>();
                childMap.put("childName", "parentName"+i+"下面的childName"+j);
                childMapList.add(childMap);
            }
            childMapList_list.add(childMapList);
        }

    }

}

2.girdview

package com.louis.girdview;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.GridView;

/**
 * 这里写GridView的onMeasure(int widthMeasureSpec, int heightMeasureSpec)的方法，将GridView重新测量，并且指定GridView的新的高度
 *
 * 解决android:layout_height="wrap_content"  嵌套到listview里只显示一行 
 * @author Administrator
 *
 */
public class CanAddInListViewGridView extends GridView {

    public CanAddInListViewGridView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public CanAddInListViewGridView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        // TODO Auto-generated constructor stub
    }

    public CanAddInListViewGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }
    //不滚动
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}

3.Adapter

package com.louis.girdview;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import android.widget.Toast;

import com.louis.louisexpandablelistviewdemo.R;

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

/**
 * Created by Administrator on 2016/3/16.
 */
public class MyBaseExpandableListWithGridView_Adapter extends BaseExpandableListAdapter {

    List<Map<String, Object>> parentMapList;
    List<List<Map<String, Object>>> childMapList_list;
    Context context;
    List<Map<String,Object>> nowChildMapList;
    public MyBaseExpandableListWithGridView_Adapter(  Context context, List<Map<String, Object>> parentMapList,List<List<Map<String, Object>>> childMapList_list) {
        this.parentMapList=parentMapList;
        this.childMapList_list=childMapList_list;
        this.context=context;
    }

    //获取当前父item的数据数量
    @Override
    public int getGroupCount() {
        return parentMapList.size();
    }
    //获取当前父item下的子item的个数
    @Override
    public int getChildrenCount(int groupPosition) {
        //子列表项的数量
       // return childMapList_list.get(groupPosition).size();
        //子列表项的数量本来是list  多个  现在同样的数据以girdview形式展示  就只有个girdview项 所以返回1
        return 1;
    }
    //获取当前父item的数据
    @Override
    public Object getGroup(int groupPosition) {
        return parentMapList.get(groupPosition);
    }
    //得到子item需要关联的数据
    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return childMapList_list.get(groupPosition).get(childPosition);
    }
    //得到父item的ID
    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }
    //得到子item的ID
    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        //return false;
        return true;
    }
    //设置父item组件
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.parent_layout, null);
        }
        TextView tv_title_parent = (TextView) convertView
                .findViewById(R.id.tv_title_parent);
        String parentName =parentMapList.get(groupPosition).get("parentName").toString();
        tv_title_parent.setText(parentName);

        ImageView iv_img_parent=(ImageView)convertView.findViewById(R.id.iv_img_parent);
        int parentIcon = Integer.parseInt(parentMapList.get(groupPosition).get("parentIcon").toString());
        iv_img_parent.setImageResource(parentIcon);

        ImageView iv_img_parent_right=(ImageView)convertView.findViewById(R.id.iv_img_parent_right);
        //判断isExpanded就可以控制是按下还是关闭，同时更换图片
        if(isExpanded){
            iv_img_parent_right.setImageResource(R.mipmap.channel_expandablelistview_top_icon);
        }else{
            iv_img_parent_right.setImageResource(R.mipmap.channel_expandablelistview_bottom_icon);
        }
        return convertView;
    }
    //设置子item的组件
    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {

        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.child_layout_girdview, null);

        }
        CanAddInListViewGridView canAddInListViewGridView = (CanAddInListViewGridView) convertView.findViewById(R.id.channel_item_child_gridView);
      List<Map<String,Object>> childMapList= childMapList_list.get(groupPosition);
        nowChildMapList= childMapList_list.get(groupPosition);
        SimpleAdapter simpleAdapter=new SimpleAdapter(context,childMapList, R.layout.gridview_item,new String[]{"childName"},new int[]{R.id.id_tv_gridview_item});
        canAddInListViewGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(context,"点击了"+nowChildMapList.get(position).get("childName"),Toast.LENGTH_SHORT).show();
            }
        });
        canAddInListViewGridView.setAdapter(simpleAdapter);
       /* TextView tv_items_child = (TextView) convertView
                .findViewById(R.id.tv_items_child);
        String childName =childMapList_list.get(groupPosition).get(childPosition).get("childName").toString();
        tv_items_child.setText(childName);*/
        return convertView;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        // return false;
        return true;
    }
}

4.xml 4 aty

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.louis.louisexpandablelistviewdemo.MainActivity">
    <ExpandableListView
        android:id="@+id/id_elv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn_2_next_function"
        android:background="@mipmap/channel_expandablelistview_bg"
        android:cacheColorHint="#00000000"
        android:divider="#ebebeb"
        android:groupIndicator="@null"
        android:dividerHeight="2dp"
        android:footerDividersEnabled="false"
        >

    </ExpandableListView>
</RelativeLayout>

5.xml 4 parent

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/id_ll_parent"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >
    <!--记得去掉箭头图   在ExpandableListView中加入android:groupIndicator="@null" -->
   <!-- <View
        android:id="@+id/channel_line"
        android:layout_width="5dp"
        android:layout_height="20dp"
        android:layout_marginLeft="15dp"
        android:layout_gravity="center_vertical"
        android:background="#79BEF7" />-->
    <ImageView
        android:id="@+id/iv_img_parent"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginLeft="10dp"
        android:padding="2dp"
        />
    <TextView
        android:id="@+id/tv_title_parent"
        android:padding="10dp"
        android:layout_marginLeft="5dp"
        android:layout_toRightOf="@id/iv_img_parent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <ImageView
        android:id="@+id/iv_img_parent_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="20dp"
        />
</RelativeLayout>

6.xml 4 child

<?xml version="1.0" encoding="utf-8"?>
<com.louis.girdview.CanAddInListViewGridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/channel_item_child_gridView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#f0f0f0"
    android:numColumns="2"
    >
</com.louis.girdview.CanAddInListViewGridView >

7.xml 4 gridview item

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/id_tv_gridview_item"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@mipmap/channel_expandablelistview_bg"
    android:paddingBottom="8dip"
    android:paddingLeft="6dip"
    android:paddingRight="6dip"
    android:paddingTop="8dip"
    android:text="xxxx"
    android:textSize="15dp" />

结果：
这里写图片描述

demo下载：http://download.csdn.net/detail/richiezhu/9464118

路易斯睿齐
关注
专栏目录
Android ExpandableListView 中完美嵌套 GridView
like_program 的博客
09-15 8322
在做项目的时候，想在 ExpandableListView 中嵌套一个 GridView，在实现的过程中，遇到了不少坑，所以写篇博客记录一下，也顺便帮助下和我一样的新手。我一直觉得，再多的文字，再多的代码片段，都不如写个小 Demo 更直观，所以在以后的博客中，我都尽量用小 Demo 来讲解，也给出源码。
expandablelistview学习--在listView里面嵌套GridView
热门推荐
傲慢的上校的专栏
12-31 2万+
在网上看到一个例子，讲android中的expandablelistview，是一种可以扩展的listview，就是那种点击一下可以扩展出子项，再点一下收缩回去的显示list。因为需要查看一堆文件的目录结构，就使用了expandablelist以便于直观地看到结构形式。顶层是group，第二层是child。实现ExpandableListView至少需要下面两个类。        一、Expand
ExpandableListView 里面嵌套GridView实现高度自适应
weixin_34409822的博客
08-02 163
很早之前做过一个商城的app 也是第一次做安卓。 实现的效果如下：   因为一开始做安卓，很多写的代码都不规范，在下面上代码的地方，还请高手指点（勿喷，楼主是自尊心很强的屌丝）   这个效果要解决2个大问题， 第一个是ExpandableListView 如何放置gridview  ，这个比较好做 思路就是adapter里实现 第二个是在ExpandableListView里面展开后...
安卓开发ExpandableListView并且子视图为gridview
大城小小爱的博客
01-15 614
//可扩展listview，扩展后为gridview，可以设置点击监听事件 public class MainActivity extends Activity { ExpandableListView mExpandableListView; ExpandableListViewAdapter mExpandableListViewAdapter; private static fina
Android开发 ExpandableListView嵌套GridView的实现
08-24
它可以以折叠/展开的方式显示列表，而嵌套`GridView`则可以让我们在一个子组内展示多列数据。本文将深入探讨如何在Android中实现`ExpandableListView`嵌套`GridView`。 首先，我们要理解`ExpandableListView`的基本...
ExpandableListView 嵌套gridView
10-21
总之，`ExpandableListView` 嵌套 `GridView` 是一个复杂但功能强大的UI设计，它结合了两种列表视图的优点，提供了丰富的用户体验。通过自定义适配器和点击事件处理，开发者可以灵活地构建各种复杂的布局和交互逻辑...
可展开列表ExpandableListView嵌套GirdView demo
03-17
下面将详细解释如何实现“可展开列表ExpandableListView嵌套GirdView”的功能。 首先，我们需要理解ExpandableListView的基本用法。它由两部分组成：Group（组）和Child（子项）。Group表示可以折叠或展开的父级...
android中ExpandableListView嵌套GridView的使用
07-29
`ExpandableListView`允许我们显示可展开和折叠的列表项，而`GridView`则用于展示网格布局的数据。下面将详细介绍如何在`Android`中实现`ExpandableListView`嵌套`GridView`。 ### 1. ExpandableListView基本概念 ...
Android开发丶ExpandableListView嵌套GridView的实现
03-01
然而，有时候我们可能还需要在每个可展开的组内嵌套更复杂的布局，比如一个`GridView`，以展示更多的子项。这就是所谓的`Expandable GridView`，即在一个`ExpandableListView`的子项中使用`GridView`。 `...
ExpandableListView，recyclerview的使用
05-03
ExpandableListView，recyclerview和listview的使用
ExpandableListView嵌套GridView，GridView中的item带有选中功能
07-29
ExpandableListView嵌套GridView，GridView中的item带有选中功能
listview嵌gridview，并实现grid元素部分显示以及点击展开与折叠
11-02
有时我们需要用GridView显示目录列表，有时甚至是二级的，即listview每一个item里面又各自嵌入一个gridview，但是当二级目录（数据条目）的数量过多时，界面会比较臃肿，这时我们就想要有类似展开与折叠的效果，作者采用的策略是数据分段的分别显示，其中对于显示边界（处于限制显示数目的特定位置）的控件要有数据的动态更新和点击判断操作。
利用ExpandableListView和gridview 显示可展开折叠菜单导航
anxi2091的博客
08-20 212
这篇随身笔带来的是结合聚合数据“菜谱大全”做的一个菜谱可折叠一级+二级列表。 先发来一些截图一睹为快吧。 ExpandableListView 可用于折叠型菜单列表，其布局主要通过getGroupView和getChildView两种的重写来实现。在子列表项目比较多的情况下，可以通过GridView来布局子列表。 下面来说说ExpandableListView的适配器Ex...
ExpandableListView嵌套GridView
Otldan的博客
11-13 643
ExpandableListView
ExpandableListView 中嵌套 gridview
wuxifu001的专栏
03-02 113
ExpandableListView 中嵌套 gridview ，都是viewgroup 这样嵌套的话 gridview只会显示一行 原因： 就是有滚动条的控件里放有滚动条的控件就会出现只显示一两行的问题,,解决的办法就是, 把子控件设置为没有滚动条. 具体就是自定义控件.把GridView自定义一下,代码如下,然后用这个自定义的控件就行了 &lt;?xml version="1.0" e...
使用ExpandableListView+GridView实现分组数据展示
erqiing的博客
08-27 3479
最近想实现一个带有标题的gridview分组，好多要用GridView添加HeaderView来实现，本人才开始学习这个，感觉有部分理解困难，所以想用的简单点，网上又找了好多例子，发现可以用ExpandableListView+GridView实现分组数据展示，但是要注意克服一个问题即：因为ExpandableListView带滑动,Gridview也带滑动,二个嵌套在一起如果不做任何处理的话就G
Android常用控件之GridView与ExpandableListView的用法
NiZhuanXingHeIT的博客
08-26 1120
概述1、GridView：与ListView相比，可以显示多列，xml布局时其属性numColumns可以设置显示的列数。 2、ExpandableListView：与ListView相比，可以让每一列单元都拥有子列表。内容GridView显示3列和多行的图片以及名称 布局<LinearLayout xmlns:android="http://schemas.android.com/apk/re
Android ExpandableListView 实现QQ好友列表的收缩与展开
"这篇文章主要介绍了如何在Android平台上仿照QQ好友列表实现列表的收缩与展开功能，利用ExpandableListView组件来构建类似QQ好友列表的分组可展开/折叠的效果。" 在Android开发中，当我们需要展示具有分组并且能够...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值