自定义ExpandableListView分割线
最近为了符合UI的要求，所以重新定义了ExpandableListView中的child的layout,布局，而且为了以后可以更好的对分割线进行控制，所以对分割线进行了重新定义。
思路如下 ，
以前分割线的样式比较单一，而且要适应美工的要求有些困难，所以我把它写入到了一个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的执行流程
@Override public int getChildTypeCount() { return elv.getChildTypeCount() + 1; } @Override public int getGroupTypeCount() { return elv.getGroupTypeCount() + 1; }
@Override public int getGroupType(int groupPosition) { return isView(groupPosition) ? elv.getGroupType(groupPosition / 2) : getGroupTypeCount() - 1; } @Override public 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
@Override public int getGroupCount() { int groupCount =elv.getGroupCount(); return groupCount * 2; } @Override public int getChildrenCount(int groupPosition) { int childCount = elv.getChildrenCount(groupPosition); return childCount * 2; }
@Override public Object getGroup(int groupPosition) { if (isView(groupPosition)) return elv.getGroup(groupPosition / 2); else return groupPosition; }
@Override public Object getChild(int groupPosition, int childPosition) { return elv.getChild(groupPosition, childPosition); } @Override public long getGroupId(int groupPosition) { return getCombinedGroupId(groupPosition); } @Override public long getChildId(int groupPosition, int childPosition) { return getCombinedChildId(groupPosition, childPosition); } @Override public boolean hasStableIds() { return elv.hasStableIds(); }
最后对View 进行绘制的时候 我们只需要区分
@Override public 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; } @Override public 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; }
运行结果如下：
初步判定原因，应该出现在这里
@Override public int getGroupCount() { int groupCount =elv.getGroupCount(); return groupCount * 2; }
@Override public int getChildrenCount(int groupPosition) { int childCount = elv.getChildrenCount(groupPosition); return childCount * 2; }
childview中也包括分割线View ,如果是分割线View的话，我们能获取到的childcount应该是0
@Override public 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 这一点在处理点击事件时候也会涉及
@Override public 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