ExpandableListView的使用以及更换前边的图片

最新推荐文章于 2024-04-19 10:51:36 发布
最新推荐文章于 2024-04-19 10:51:36 发布
阅读量1.1k 收藏
点赞数
分类专栏： Android 文章标签： expandablelistview 改变默认图片 使用方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liao5214/article/details/70245653
版权

ExpandableListView是一个可展开的列表组件，在这里我就说下他的用法以及一些使用的问题

首先放上程序的效果图，请原谅我不会制作动态图
这里写图片描述

下来就直接上代码

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_coupon__package);
        ViewUtils.inject(this);
        //初始化数据
        initData();
        coupon_package_lv.setAdapter(new CouPon_Package_LV_Adapter(parentList,map,this));
        //设置默认打开
       for(int i =0;i<parentList.size();i++){
           coupon_package_lv.expandGroup(i);
       }

    }

    private void initData() {
        //父条目数据
        parentList = new ArrayList<>();
        parentList.add("红包抵用卷");
        parentList.add("加息劵");
        parentList.add("折扣卷");
        parentList.add("返现卷");

        //子条目数据
        map = new HashMap<>();
        List<String> itemList = new ArrayList<>();
        itemList.add("1");
        itemList.add("2");
        map.put(parentList.get(0),itemList);
        List<Integer> itemList1 = new ArrayList<>();
        itemList1.add(1);
        itemList1.add(2);
        map.put(parentList.get(1),itemList1);


    }

xml里面的代码

 <ExpandableListView
        android:id="@+id/coupon_package_lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="8dp"
        android:groupIndicator="@null"
        android:childDivider="@color/white"
        />
  • android:groupIndicator=”@null”去掉ExpandableListView每个条目前面的箭头，为什么要去掉呢是因为我觉得Android默认的不好看想换掉，后面我会讲怎么换掉以及换掉的方法，所以别着急慢慢看下去
  • android:childDivider=”@color/white”设置每个字条目分割线
  • 在这里我在添加一个就是如果不想要分割线大可以试试小面的属性
    android:divider=”@null”我这里设置的分割线为空

adapter中的代码不废话直接上代码

package com.jiun.xiaqi.recode.adapter;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.jiun.xiaqi.recode.R;
import com.jiun.xiaqi.recode.activity.MineCoupons;

import org.w3c.dom.Text;

import java.util.HashMap;
import java.util.List;

/**
 * Created by as on 2017/4/18.
 */

public class CouPon_Package_LV_Adapter extends BaseExpandableListAdapter {


    private List<String> parentList;
    private HashMap<String,List<?extends Object>> map;
    private Context context;

    public CouPon_Package_LV_Adapter(List<String> parentList, HashMap<String,List<?extends Object>> map, Context context) {
        this.parentList = parentList;
        this.map = map;
        this.context = context;
    }

    //父条目的个数
    @Override
    public int getGroupCount() {
        return parentList.size();
    }

    //子条目的个数
    @Override
    public int getChildrenCount(int groupPosition) {
        return map !=null && map.get(parentList.get(groupPosition)) !=null?map.get(parentList.get(groupPosition)).size():0;
    }

    //父条目
    @Override
    public Object getGroup(int groupPosition) {
        return parentList.size()>0?parentList.get(groupPosition):null;
    }

    //子条目
    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return  map !=null && map.get(parentList.get(groupPosition)) !=null?map.get(parentList.get(groupPosition)).get(childPosition):null;
    }

    //父条目Id可以直接返回groupPosition
    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    //子条目Id可以直接返回groupPosition
    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        return true;
    }

    //父条目布局
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.coupon_package_parent_item, parent, false);
        View parent_close =inflate.findViewById(R.id.parent_close);
        View parent_show =inflate.findViewById(R.id.parent_show);
        TextView parent_title = (TextView) inflate.findViewById(R.id.parent_title);
        ImageView parent_img = (ImageView) inflate.findViewById(R.id.parent_img);

        parent_title.setText(parentList.get(groupPosition));
        if(isExpanded){
            parent_close.setVisibility(View.GONE);
            parent_show.setVisibility(View.VISIBLE);
        }else {
            parent_close.setVisibility(View.VISIBLE);
            parent_show.setVisibility(View.GONE);
        }
        if(groupPosition ==0){
            parent_img.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Intent intent = new Intent(context, MineCoupons.class);
                    context.startActivity(intent);
                    ((Activity)(context)).overridePendingTransition(R.anim.activity_start,0);

                }
            });
        }
        return inflate;
    }

    //子条目布局
    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        if(groupPosition==0) {
            if(map !=null) {
                convertView = LayoutInflater.from(context).inflate(R.layout.coupons_listview_item, parent, false);
            }
        }else if(groupPosition ==1){
            if(map !=null) {
                convertView = LayoutInflater.from(context).inflate(R.layout.redpacket_item, parent, false);
            }
        }
        return convertView;
    }

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

上面有注释可以看注释很简单，其实和ListView的Adapter基本相同

然后说下其他东西

第一种方式
还记得android:groupIndicator=”@null”方法吗不记得了没关系在给你贴出使用它的地方

    <ExpandableListView
        android:id="@+id/coupon_package_lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="8dp"
        android:groupIndicator="@null"
        android:childDivider="@color/white"

        />

android:groupIndicator=”@null”这里他的参数是@null没错就是将它的样式设置为空，这句也就是在设置默认的箭头的我们可以给他设置Drawable
我贴出如果需要给他设置的Drawable的布局

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

<item android:state_expanded="true" android:drawable="@drawable/coupon_package_child_close"/>
<item  android:state_expanded="false" android:drawable="@drawable/coupon_package_child_show"/>

</selector>

但这样设置是有问题的就是里面的图片会被压缩或者拉伸，设置之后一般不会得到我们想要的效果

第二种方式
.还记得android:groupIndicator=”@null”方法吗不记得了没关系在给你贴出使用它的地方

就是在Adapter里面通过

  public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent)

方法给他设置布局这里面有一个参数 boolean isExpanded我们可以通过这个参数得到当前列表是展开还是关闭的我们就可以动态的改变图片得到我们想要的样式了

//父条目布局
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.coupon_package_parent_item, parent, false);
        View parent_close =inflate.findViewById(R.id.parent_close);
        View parent_show =inflate.findViewById(R.id.parent_show);
        TextView parent_title = (TextView) inflate.findViewById(R.id.parent_title);
        ImageView parent_img = (ImageView) inflate.findViewById(R.id.parent_img);


//判断该类表是关闭状态还是打开状态进而动态改变前面的默认图片
        if(isExpanded){
            parent_close.setVisibility(View.GONE);
            parent_show.setVisibility(View.VISIBLE);
        }else {
            parent_close.setVisibility(View.VISIBLE);
            parent_show.setVisibility(View.GONE);
        }
        }
        return inflate;
    }

需要注意的是如果使用第二种方式android:groupIndicator=”@null”
属性一定要设置为@null

自定义expandable listview，可添加图标（重写adapter）
08-30
通过重写adapter实现含图标的expandable listview 相当详细的注释和讲解 博客中也有更为详尽的讲解。
Android中ExpandableListView使用示例详解
01-05
本文实例为大家分享了ExpandableListView使用示例，供大家参考，具体内容如下 MainActivity： public class Expandable_test extends Activity { private ExpandableListView listView; private Map<String>> ...
ExpandableListView修改group图标
silvia0427的专栏
12-18 633
修改group前面的图标有两种方式： 一、通过修改xml文件中groupIndicator更换为@drawable/** 设置selector http://schemas.android.com/apk/res/android">               android:drawingCacheQuality="auto"        android:drawable="@drawa
可适配图片的ExpandableListView
weixin_33924770的博客
01-26 113
2019独角兽企业重金招聘Python工程师标准>>> ...
ExpandableListView替换系统箭头图标
面朝大海，春暖花开
04-08 1031
1、在布局文件中进行设置groupIndicator <ExpandableListView android:id="@+id/expandable" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"
ExpandableListView的自定义布局以及注意事项
王明海的专栏
11-25 4332
android开发中常常需要使用到ExpandableListView来对一组数据进行分组， 使用ExpandableListView能够达到类似QQ分组的效果，类似于下面两张效果图： 要达到这种效果其实并不难，因为ExpandableListView跟ListView很相似，如果你对ListView很熟悉的话，很快就能掌握它，如果对ListView不熟悉的话，建议 先看看之前的博文 andr
Android中可展开的列表组件(ExpandableListView)的使用
孤云博客
06-14 4304
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666) 可展开的列表组件(ExpandableListView)是ListView的子类，它在普通ListView的基础上进行了扩展，把列表项分为几组，每组又可包含多个列表项。ExpandableListView和List...
ExpandableListView的美化以及出现的问题
zoeice的专栏
07-09 2万+
如果有用到列表，有需要对列表分组，一般都会用到自定义ExplandableListView，这个控件其实很自由的，可以与很多控件组合使用，现在实现以下的效果： 组与组分开可以用图片处理，图片关键是组与列表的拼接。然后就是自定义BaseExpandableListAdapter中加些判断，就好了，下面是代码： 主页布局main.xml <LinearLayout xmlns:andr
ExpandableListView的使用
09-14
多级列表ExpandableListView的使用
ExpandableListView，recyclerview的使用
05-03
ExpandableListView，recyclerview和listview的使用
ExpandableListView控件的使用
A125679880的博客
05-13 1020
ExpandableListView是ListView的子类。它是ListView的基础上进行了扩展，把应用中的列表分成几组，每组里又可以包含多个列表项。
ExpandableListView可扩展列表视图，可折叠列表视图
最新发布
m0_57150356的博客
04-19 1184
ExpandableListView（可扩展/可折叠列表视图）是一种多功能的高级控件，每个子项都可以展开一个孙子列表。点击一个分组（子项），即可展开该分组下的孙子列表；再次点击该分组，即可收起该分组下的孙子项列表。
ExpandableListView 去掉默认箭头，设置成别的图片
bgzili的博客
09-11 1万+
ExpandableListView 取消默认箭头，使用selector 设置自己的箭头
安卓ExpandableListView的详细使用教程（附代码解析过程）
热门推荐
KI的博客
08-28 9万+
ExpandableListView又称可扩展的ListView，它可以实现点击父项展开子项的效果，本文实现了一个比较精美的ExpandableListView。
ExpandableListView的用法
Lucky_bo的专栏
06-25 1084
ExpandableListView的用法                 有时候，使用ListView并不能满足应用程序所需要的功能。有些应用程序 需要多组ListView，这时候我们就要使用一种新的控件ExpandableListView ——可以扩展的ListView。它的作用就是将ListView进行分组。就好像我们使 用QQ的时候，有“我的好友”，“陌生人”
Android UI控件ExpandableListView使用指南
使用ExpandableListView的整体思路可以分为三步： （1）给ExpandableListView设置适配器，那么必须先设置数据源。数据源就是此处的适配器类ExpandableAdapter，此方法继承了BaseExpandableListAdapter，需要重写...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值