安卓的ExpandableListView的使用和优化

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sakurakider/article/details/80748428

吐槽

每次写个博客都要吐槽一下,这估计是我博客的习惯吧,,,,好了不多说了,上一篇讲了安卓的dialog的知识,但是产品给的需求还是弄不了,需要dialog和ExpandableListView结合起来弄个选择框,然后我就又去学了下ExpandableListView的知识,But发现我俩个结合在一起之后,程序一运行就崩了,,,哇哇哇简直是心累啊,马上期末考试了,这个项目bug还是没改完,项目都托了这么久了,主体还是没写好,难受。

什么叫ExpandableListView

A view that shows items in a vertically scrolling two-level list. This differs from the ListView by allowing two levels: groups which can individually be expanded to show its children. The items come from the ExpandableListAdapter associated with this view.
。。。。
以上是官方给的定义,but英语太渣,就是简单的来说,它是一种用于滚动的展示的两级列表视图。也就是ListView的二级选择加强版这种。
先看下效果图
这里写图片描述
沉迷王者荣耀无法自拔哈哈哈哈
这个就是优化过的ExpandableListView,很简单,二级选择,只需要准备三个东西:
1.一级选择的布局//也就是父布局
2.二级选择的布局//也就是子布局
3. ExtendableListViewAdapter的自定义//也就是适配器的书写

看我的效果图我做了如下的优化:
1.将展开的箭头弄到最右边,一级选择在最左边//因为你不改的话,它会自动把箭头放在最左边
2.只让它展开一个父布局,不然一起展开太长了,不好看

实现过程

第一步:设置调用ExpandableListView的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

  <ExpandableListView
      android:id="@+id/expend_list"
      android:layout_width="match_parent"
      android:layout_height="match_parent"></ExpandableListView>
</LinearLayout>

第二步:自己写个一级选择的布局,也就是父布局partent_item.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/label_group_normal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/holo_blue_light"
    android:gravity="center_vertical"
    android:paddingBottom="8dp"
    android:paddingLeft="32dp"
    android:paddingTop="8dp"
    android:textColor="@android:color/white"
    android:textSize="20sp"
    tools:text="测试数据"/>

写个二级选择的子布局 child_item.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/expand_child"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:textSize="16sp"
    android:paddingTop="8dp"
    android:paddingBottom="8dp"
    tools:text="测试数据"/>

第三步:继承BaseExpandableListAdapter写自己的适配器

public class MyExtendableListViewAdapter extends BaseExpandableListAdapter {
    private Context mcontext;
    public String[] groupString = {"射手", "辅助", "坦克", "法师"};
    public String[][] childString = {
            {"孙尚香", "后羿", "马可波罗", "狄仁杰"},
            {"孙膑", "蔡文姬", "鬼谷子", "杨玉环"},
            {"张飞", "廉颇", "牛魔", "项羽"},
            {"诸葛亮", "王昭君", "安琪拉", "干将"}

    };

    @Override
    // 获取分组的个数
    public int getGroupCount() {
        return groupString.length;
    }

    //获取指定分组中的子选项的个数
    @Override
    public int getChildrenCount(int groupPosition) {
        return childString[groupPosition].length;
    }

    //        获取指定的分组数据
    @Override
    public Object getGroup(int groupPosition) {
        return groupString[groupPosition];
    }

    //获取指定分组中的指定子选项数据
    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return childString[groupPosition][childPosition];
    }

    //获取指定分组的ID, 这个ID必须是唯一的
    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    //获取子选项的ID, 这个ID必须是唯一的
    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    //分组和子选项是否持有稳定的ID, 就是说底层数据的改变会不会影响到它们
    @Override
    public boolean hasStableIds() {
        return true;
    }
/**
 *
 * 获取显示指定组的视图对象
 *
 * @param groupPosition 组位置
 * @param isExpanded 该组是展开状态还是伸缩状态
 * @param convertView 重用已有的视图对象
 * @param parent 返回的视图对象始终依附于的视图组
  */
// 获取显示指定分组的视图
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        GroupViewHolder groupViewHolder;
        if (convertView == null){
            convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.partent_item,parent,false);
            groupViewHolder = new GroupViewHolder();
            groupViewHolder.tvTitle = (TextView)convertView.findViewById(R.id.label_group_normal);
            convertView.setTag(groupViewHolder);
        }else {
            groupViewHolder = (GroupViewHolder)convertView.getTag();
        }
        groupViewHolder.tvTitle.setText(groupString[groupPosition]);
        return convertView;
    }
    /**
     *
     * 获取一个视图对象,显示指定组中的指定子元素数据。
     *
     * @param groupPosition 组位置
     * @param childPosition 子元素位置
     * @param isLastChild 子元素是否处于组中的最后一个
     * @param convertView 重用已有的视图(View)对象
     * @param parent 返回的视图(View)对象始终依附于的视图组
     * @return
     * @see android.widget.ExpandableListAdapter#getChildView(int, int, boolean, android.view.View,
     *      android.view.ViewGroup)
     */

    //取得显示给定分组给定子位置的数据用的视图
    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        ChildViewHolder childViewHolder;
        if (convertView==null){
            convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.child_item,parent,false);
            childViewHolder = new ChildViewHolder();
            childViewHolder.tvTitle = (TextView)convertView.findViewById(R.id.expand_child);
            convertView.setTag(childViewHolder);

        }else {
            childViewHolder = (ChildViewHolder) convertView.getTag();
        }
        childViewHolder.tvTitle.setText(childString[groupPosition][childPosition]);
        return convertView;
    }

    //指定位置上的子元素是否可选中
    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return true;
    }

    static class GroupViewHolder {
        TextView tvTitle;
    }

    static class ChildViewHolder {
        TextView tvTitle;

    }
}

第四步:activity里面绑定这个 获取到他的东西+设置数据

这里写图片描述

第五步:主活动调用+加入点击监听

expandableListView = (ExpandableListView)findViewById(R.id.expend_list);
    expandableListView.setAdapter(new MyExtendableListViewAdapter());
    //设置分组的监听
    expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
        @Override
        public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
            Toast.makeText(getApplicationContext(), groupString[groupPosition], Toast.LENGTH_SHORT).show();
            return false;
        }
    });
    //设置子项布局监听
    expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
        @Override
        public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
            Toast.makeText(getApplicationContext(), childString[groupPosition][childPosition], Toast.LENGTH_SHORT).show();
            return true;

        }
    });
}

如何将箭头改到最右边

问题就是它会自动在一级框的最左边添加箭头,所以很烦人,因为产品给的图都是箭头在右边的,所以要自己改这个
第一步:在父的 Item 布局里面加入 Indicator 的图标,就用一个简单的 ImageView。
,,,,,,
,,,,,,
网上看别人这个感觉好烦人啊,就是把父布局定义下,然后绑定箭头的图标这种,,,但是我找到国外一个大神给的方案,就几行代码
1调用的时候加一行
android:layoutDirection=”rtl”

<ExpandableListView

android:layoutDirection="rtl" />

2然后在一级框父布局里面修改字的走向和位置
android:gravity=”left”
android:layoutDirection=”ltr”
这样就好了

如何只让他展开一个组

这个也蛮简单的,在活动里面监听下

//控制他只能打开一个组
expandableListView.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
    @Override
    public void onGroupExpand(int groupPosition) {
        int count = new MyExtendableListViewAdapter().getGroupCount();
        for(int i = 0;i < count;i++){
            if (i!=groupPosition){
                expandableListView.collapseGroup(i);
            }
        }
    }
});

总结

总结一下来看 就是书写下一级选择的xml + 二级选择的xml 然后继承BaseExpandableListAdapter自定义 然后加上绑定,就ok了,,,继续改我项目的bug了哇哇哇
https://github.com/sakurakid/ExpandableListViewDemo这个Demo有需要的可以看下

展开阅读全文

没有更多推荐了,返回首页