没有列表项分隔符的 ListView 标题

Question

我目前正在编写一个使用带有标题的 ListView 的 Android 应用程序。它工作正常，但不是我想要的。 ListView 中的每个项目的顶部和底部都有 1-2px 分隔符。标题也是如此 - 这就是问题所在。看起来不是很漂亮……

有趣的是系统应用程序（例如设置）没有这样的问题。

这是我的示例适配器：

setListAdapter(new BaseAdapter() {
    @Override
    public int getCount() {
        return 10;
    }

    @Override
    public Object getItem(int i) {
        return i;
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        View v = ((LayoutInflater)getActivity().getSystemService(Context.LAYOUT_INFLATER_SERVICE))
                .inflate(i % 3 == 0 ? R.layout.list_header : android.R.layout.simple_list_item_1, viewGroup, false);
        ((TextView)v.findViewById(android.R.id.text1)).setText("test");
        return v;
    }
});

并列出标题布局文件：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Hello, World"
    style="?android:attr/listSeparatorTextViewStyle">

</TextView>

所以问题是：如何摆脱标题和常规项目之间的项目分隔符，就像设置应用程序那样？

编辑： 看完答案后，我想澄清一件事。我确实不想完全删除分隔符。我只想在标题项目和常规项目之间删除它们。此外，像“完全删除分隔符并在某些项目上添加它们”这样的折中措施也不能让我满意。

Answer 1

您似乎必须为分隔线使用自定义项目视图和一些解决方法。让我解释一下如何管理这个：

• 不要使用默认分隔符remove it。
• 创建自定义布局，底部带有 View 作为标题的子行。
• 创建一个顶部带有View 的自定义布局，以便为项目设置分隔符。

然后，两种类型的分隔线将粘合在一起，只为标题部分制作一条子线，因此分隔线应具有相同的高度才能制作出好的子线。这将避免在标题部分上方设置分隔符，但保留项目列表的分隔符。

因此，让我展示一些代码来实现它。首先，不要忘记避免ListView 上的默认分隔符：

<ListView
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="@null"
    android:dividerHeight="0dp"/>

创建项目布局，顶部的分隔线设置为1dp（或其他）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- this is the divider for items -->
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/darker_gray"/>

    <!-- and the rest of item's content in another ViewGroup -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="10dp"
        android:orientation="horizontal">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher"/>

        <TextView
            android:id="@+id/item_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="15dp"
            android:textColor="@android:color/white"/>
    </LinearLayout>
</LinearLayout>

最后，标题布局底部有一个分隔线（与项目的分隔线高度相同）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/item_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        style="?android:attr/listSeparatorTextViewStyle"/>

    <!-- this is the ("half-")divider for header section -->
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/darker_gray"/>
    <!-- this view above will be merged with item's dividers -->
</LinearLayout>

它给出了这个结果：

Answer 2

删除你为标题TextView设置的样式

使用所需的分隔线创建您自己的自定义样式并将其设置为TextView

  <style name="CustomListSeperatorTextViewStyle" parent="Widget.TextView.ListSeparator">
<item name="android:background">@drawable/your_own_here</item>

Answer 3

分隔符是由于您使用 textview 设置的样式，只需删除样式希望这会起作用。

Answer 4

我刚刚发现这些参数似乎是您需要的，您可以尝试将它们添加到您的ListView：

android:headerDividersEnabled="false"
android:footerDividersEnabled="false"

该文档可在here 获得并指出：

当设置为 false 时，ListView 不会在每个标题视图之后绘制分隔线。默认值为 true。