ExpandableListView - 如何仅在父元素之间设置分隔符

Question

我只想在父元素之间放置分隔线。当我设置

android:divider="@drawable/divider"

android creates divider between parent elements, but creates divider between child elements too. When i add

android:childDivider="@color/transparent"

android removes the divider between child elements, but the free space between them remains. Why? I have tried to

android:dividerHeight="0dp"

but nothing happened.

我根本想在父元素之间设置分隔线，但我不希望子元素之间有任何分隔线或空白空间。

任何想法如何做到这一点？

Answer 1

为了仅从子视图中删除分隔符，而不是在可扩展列表中的父视图之间删除分隔符，

请在 XML 的 ExapandableListView 属性中添加 android:childDivider="#00000000" ：

<ExpandableListView
    android:id="@+id/elv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:childDivider="#00000000" />

请参阅此页面了解更多信息

Answer 2

指定分隔线颜色及其高度（当组折叠时分隔线将可见）

<ExpandableListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@color/color_black"
        android:dividerHeight="1dp"
        android:groupIndicator="@null" />

Answer 3

诀窍是为折叠组布局和最后一个子布局创建一个额外的视图。

crash_group.xml：

<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent">

    <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textSize="17sp"/>

    <!-- this is the extra view-->  
    <View 
       android:layout_width="fill_parent"
       android:layout_height="10dp"
       android:background="@android:color/transparent"/>        

</LinearLayout>

expanded_group.xml：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent">

    <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textSize="17sp"/>

    <!-- no extra view-->       

</LinearLayout>

并对子视图应用相同的技术，为最后一个子视图插入额外的视图

Answer 4

我所做的是将 ExpandableListView 的分隔符设置为 0，然后将“分隔符”组插入到它的 ExpandableListAdapter 中：

// To get dividers between the groups we add 'divider views' as if they were  
// themselves groups.
public int getGroupCount() {
// Actual groups are at even groupPositions, dividers at odd
    return (this.data.size() * 2) - 1;
}

public long getGroupId(int groupPosition) {
    if(groupPosition % 2 != 0) return R.id.divider;
    else return R.id.group;
}

public View getGroupView(int groupPosition, boolean isExpanded,
        View convertView, ViewGroup parent) {
    if(groupPosition % 2 != 0) {
        View divider = convertView;
        if(divider == null || divider.getId() != R.id.divider) {
            divider = this.inflater.inflate(R.layout.divider, null);
        }

        return divider;
    }

    View group = convertView;
    if(group == null || group.getId() != R.id.group) {
        group = this.inflater.inflate(R.layout.group, null);
    }

    return group;
}

Answer 5

expListView.setDividerHeight(10);
expListView.setChildDivider(getResources().getDrawable(
            android.R.color.white));

Answer 6

如果您只想删除子分隔线，一个简单的技巧是您可以创建一个与子项目背景颜色相同颜色的可绘制对象。然后将其设置为子分隔符。

ShapeDrawable sd1 = new ShapeDrawable(new RectShape());
    sd1.getPaint().setColor(YOUR CHILD ITEM BACKGROUND COLOR);
    mExpListView.setChildDivider(sd1);

或者使用 xml：

android:childDivider="@color/child_bg_color"

Answer 7

如果您想在 ExpandableListView （标题）的父元素之间有分隔符，并且不想在 Children 和 Parent 之间有分隔符（这显然是最自然的情况），那么您必须执行以下操作：

1. 在您的父 xml 中文件在布局底部添加一个视图，其中包含您需要的分隔线高度和分隔线颜色。
   示例：

2. 在子 xml 文件中执行相同操作。在布局底部添加一个视图，其中包含您需要的分隔线高度和分隔线颜色。确保分隔线颜色和高度与父 xml 中的相同。

3. 进入您的 ExpandableListView Adapter 方法
   公共视图 getGroupView(int groupPosition, boolean isExpanded,
   视图convertView，ViewGroup父级）
   像这样管理视图分隔符的状态：
   示例：

   如果（已展开）{
   headerDividerView.setBackgroundColor(ContextCompat.getColor(context,R.color.darker_grey));
   }别的{
   headerDividerView.setBackgroundColor(ContextCompat.getColor(context,android.R.color.transparent));
   }

：在我的例子中，R.color.darker_grey 是父级的背景颜色

4. 从 ExpandableListView xml 中删除所有分隔线和分隔线高度。使 ExpandableListView 没有分隔线和分隔线高度。
   您可以像这样使用属性：

   android:groupIndicator="@null"
   android:childIndicator="@null"
   机器人：分频器=“@null”
   android:dividerHeight="0dp"

Answer 8

我通过添加两个视图解决了这个问题，一个添加到标题，另一个添加到子项目，如下所示。

Header.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<RelativeLayout
android:id="@+id/rl_header"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/square_box"
android:padding="@dimen/padding_10">

<ImageView
    android:id="@+id/expandableIndicator"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:src="@drawable/ic_downarrow" />
</RelativeLayout>

<View
android:id="@+id/view_hidden"
android:layout_width="match_parent"
android:layout_height="10dp"
android:layout_below="@+id/rl_header"
android:background="@android:color/transparent" />
</RelativeLayout>

child.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<RelativeLayout
android:id="@+id/rl_childView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/square_box"
android:padding="@dimen/padding_10">

<TextView
    android:id="@+id/tv_startDate"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:gravity="left"
    android:paddingTop="@dimen/padding_5"
    android:paddingBottom="@dimen/padding_5"
    android:text="Start Date \nSep. 23, 2019"
    android:textSize="@dimen/text_16" />

<ImageView
    android:id="@+id/iv_arrow"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:src="@drawable/right_arrow" />
</RelativeLayout>

<View
    android:id="@+id/view_hidden"
    android:layout_width="match_parent"
    android:layout_height="10dp"
    android:layout_below="@+id/rl_childView"
    android:background="@android:color/transparent" />
</RelativeLayout>

现在将此代码添加到您的 Adapter 类中。这个想法是在组展开/折叠时显示/隐藏视图，在子项的最后一项上显示。

@Override
public View getGroupView(int listPosition, boolean isExpanded, View convertView, 
ViewGroup parent) {
String listTitle = (String) getGroup(listPosition);
String listCount = "(" + getChildrenCount(listPosition) + ")";

if (convertView == null) {
    LayoutInflater layoutInflater = (LayoutInflater) 
this.context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    convertView = layoutInflater.inflate(R.layout.expandable_header, null);
}
View view_hidden = convertView.findViewById(R.id.view_hidden);

if (isExpanded) {
    view_hidden.setVisibility(View.GONE);
} else {
    view_hidden.setVisibility(View.VISIBLE);
}

return convertView;
}

@Override
public View getChildView(int listPosition, final int expandedListPosition,
                     boolean isLastChild, View convertView, ViewGroup parent) {
final Medication medication = (Medication) getChild(listPosition, 
expandedListPosition);
if (convertView == null) {
    LayoutInflater layoutInflater = (LayoutInflater) 
this.context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    convertView = layoutInflater.inflate(R.layout.expandable_item, null);
}

View view_hidden = convertView.findViewById(R.id.view_hidden);
if (isLastChild) {
    view_hidden.setVisibility(View.VISIBLE);
} else {
    view_hidden.setVisibility(View.GONE);
}

return convertView;
}

Answer 9

像这样设置 android:divider="@null" 没有父母的分隔符 android:divider="2dp" 设置父母的分隔符

 <ExpandableListView
        android:id="@+id/expandable_list"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:background="#ffffff"
        android:divider="2dp"
        android:groupIndicator="@drawable/group_indicator" />