自定义ExpandableListView分割线

最近为了符合UI的要求，所以重新定义了ExpandableListView中的child的layout,布局，而且为了以后可以更好的对分割线进行控制，所以对分割线进行了重新定义。

思路如下 ，

以前我们在实现二级菜单的时候要对Group 和Child 的分别加载layout布局 ，加载完成后通过getView的方式进行展示出来，恰好我们可以利用这一点来区分且进行设置不同的样式

以前分割线的样式比较单一，而且要适应美工的要求有些困难，所以我把它写入到了一个layout里面，我们可以在Expandablelistview的适配器中进行处理，首先我们可以先正常的进行数据的填充，但是在布局中将分割线都设置为空，

也就是这个效果，而在自定义的分隔线View 中，

public MyExpandableSpliteLine(BaseExpandableListAdapter expandableListView) {    this(expandableListView, R.layout.group_divider, R.layout.child_divider);}public MyExpandableSpliteLine(BaseExpandableListAdapter expandableListView, int groupline, int childline) {    this.elv = expandableListView;    this.groupline = groupline;    this.childline = childline;}

首先 得先梳理一下Expandable的执行流程

@Overridepublic int getChildTypeCount() {    return elv.getChildTypeCount() + 1;}@Overridepublic int getGroupTypeCount() {    return elv.getGroupTypeCount() + 1;}
@Overridepublic int getGroupType(int groupPosition) {        return isView(groupPosition) ? elv.getGroupType(groupPosition / 2) : getGroupTypeCount() - 1;}@Overridepublic int getChildType(int groupPosition, int childPosition) {        return isView(groupPosition) && !isView(childPosition) ? elv.getChildType(groupPosition / 2, childPosition / 2) : getChildTypeCount() - 1;}
//用来区分当前想要绘制的View 是 View还是分割线View private boolean isView(int index) {    return index % 2 == 0;}
//在填充至新的adapter时候，要注意 count已经翻倍啦  因为新添加了分割线的View 
@Overridepublic int getGroupCount() {    int groupCount =elv.getGroupCount();    return groupCount * 2;}@Overridepublic int getChildrenCount(int groupPosition) {   int childCount = elv.getChildrenCount(groupPosition);   return childCount * 2;}
@Overridepublic Object getGroup(int groupPosition) {    if (isView(groupPosition))        return elv.getGroup(groupPosition / 2);    else        return groupPosition;}

@Overridepublic Object getChild(int groupPosition, int childPosition) { return elv.getChild(groupPosition, childPosition);}@Overridepublic long getGroupId(int groupPosition) {return getCombinedGroupId(groupPosition);}@Overridepublic long getChildId(int groupPosition, int childPosition) {    return getCombinedChildId(groupPosition, childPosition);}@Overridepublic boolean hasStableIds() {    return elv.hasStableIds();}
最后对View 进行绘制的时候 我们只需要区分
@Overridepublic View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {        if (isView(groupPosition))//判断当前View为GroupView,直接getGroupView就行        return elv.getGroupView(groupPosition , isExpanded, convertView, parent);
//根据type来判断，当前是分割线View    if (convertView == null && getGroupType(groupPosition) == getGroupTypeCount() - 1)        return LayoutInflater.from(parent.getContext()).inflate(this.groupline, parent, false);    else       return convertView;}@Overridepublic View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {        if (isView(groupPosition) && !isView(childPosition))        return elv.getChildView(groupPosition, childPosition, isLastChild, convertView, parent);    if (getChildType(groupPosition, childPosition) == getChildTypeCount() - 1)        return LayoutInflater.from(parent.getContext()).inflate(childline, parent, false);    else        return convertView;}
运行结果如下：

初步判定原因，应该出现在这里
@Overridepublic int getGroupCount() {        int groupCount =elv.getGroupCount();    return groupCount * 2;}
@Overridepublic int getChildrenCount(int groupPosition) {       int childCount = elv.getChildrenCount(groupPosition);    return childCount * 2;}
childview中也包括分割线View ,如果是分割线View的话，我们能获取到的childcount应该是0
@Overridepublic int getChildrenCount(int groupPosition) {    if (isView(groupPosition)) {        int childCount = elv.getChildrenCount(groupPosition % 2);        return childCount * 2;    } else        return 0;}
//groupposition当前已经翻倍，也就是说不再是0，1，2，3，4，5样式
//而是0，2，4，6....所以在获取的时候groupPosition/2 这一点在处理点击事件时候也会涉及
@Overridepublic View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {        if (isView(groupPosition))//判断当前View为GroupView,直接getGroupView就行        return elv.getGroupView(groupPosition/2, isExpanded, convertView, parent);
//根据type来判断，当前是分割线View    if (getGroupType(groupPosition) == getGroupTypeCount() - 1)        return LayoutInflater.from(parent.getContext()).inflate(this.groupline, parent, false);    else               return convertView;}

最后效果图：

有些粗糙 需要改进的地方也很多  还得努力！

Github地址：https://github.com/uvfv1991/MyExpandableListViewLine