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

Posted 2023-02-19

【中文标题】没有列表项分隔符的 ListView 标题

【英文标题】：ListView headers without list item separators

【发布时间】：2014-06-17 20:32:50

【问题描述】：

我目前正在编写一个使用带有标题的 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_
    android:layout_
    android:text="Hello, World"
    style="?android:attr/listSeparatorTextViewStyle">

</TextView>

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

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

【问题讨论】：

您绝对可以通过使用 Preference API 并为每个标题创建一个 PreferenceCategory 来获得这种外观 - 我假设这就是 Settings 应用程序所做的。

@Ellis 是的，你是对的 - 尽管还有其他系统应用程序的行为类似。例如，人物应用程序——我不认为它使用 Preference API 来实现这样的外观。 :)

好点，我不知道他们会怎么做。也许他们从 Preference API 中提取了一些代码。

【参考方案1】：

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

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

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

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

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

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

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

    <!-- this is the divider for items -->
    <View
        android:layout_
        android:layout_
        android:background="@android:color/darker_gray"/>

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

        <ImageView
            android:layout_
            android:layout_
            android:src="@mipmap/ic_launcher"/>

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

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

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

    <TextView
        android:id="@+id/item_header"
        android:layout_
        android:layout_
        android:padding="10dp"
        style="?android:attr/listSeparatorTextViewStyle"/>

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

它给出了这个结果：

【参考方案2】：

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

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

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

【讨论】：

它对我不起作用。它只会改变列表项的外观，但不会删除分隔符。

【参考方案3】：

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

【讨论】：

您的意思是删除 'style="?android:attr/listSeparatorTextViewStyle"' 部分吗？它不起作用（我不明白为什么应该这样做，因为分隔符是由 ListView 本身添加的，而不是由项目添加的）。

再尝试一件事。检查你的 xml 中是否有类似的东西，你指定 listView android:dividerHeight="2.0dp" 尝试删除它。

【参考方案4】：

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

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

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

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

【讨论】：

这并不能真正回答我的问题。我现在已经更新了。

它仍然没有回答我的问题。这些参数与页眉和页脚视图一起使用，它们只是放置在 ListView 顶部或底部的视图 - 但我真正需要的是实际上将部分标题放置在 ListView 的中间。