ListView 最后一项之后的分隔符（分隔符）

Question

当我创建一个只有一个ListView的简单布局时，最后一项之后没有显示分隔符，看起来有点难看。

<?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="match_parent" >

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true" />
</RelativeLayout>

但是，我发现如果我在列表视图下方添加另一个视图并为列表视图设置android:layout_above 属性，则在最后一项之后会显示一个分隔符。

<?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="match_parent" >

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bottom"
        android:layout_alignParentTop="true" />

    <TextView
        android:id="@+id/bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@android:color/holo_blue_dark"
        android:text="Bottom" />
</RelativeLayout>

为什么列表视图会这样？如何在仅包含列表视图的布局中的最后一项之后获得分隔符？

Answer 1

答案很简单：你应该把ListView中的android:layout_height="wrap_content"改成android:layout_height="match_parent"。

您可能会猜到为什么会发生这种情况。

Answer 2

你试过这个吗？

android:footerDividersEnabled="true"

如果不试试这个

<View
android:background="#00ff00"
android:layout_width="fill_parent"
android:layout_height="3dp"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/YOUR_LIST_ID" />

Answer 3

在顶部（和/或底部）添加一个空视图以在顶部（或底部）创建分隔线

myList.addHeaderView(new View(context));
myList.addFooterView(new View(context));

Answer 4

我提供了一个可以解决这个问题的 hack。由于仅当列表视图后面有另一个视图时才会显示最后一个分隔符，因此可以通过将第二个视图的 layout_height 设置为 0dp 来使第二个视图不可见。

这仍然是一个 hack，但它使最后一个分隔线看起来与另一个一致，因此最好尝试手动创建一条水平线并尝试猜测正确的颜色和尺寸。

<?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="match_parent" >

    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/invisible"
        android:layout_alignParentTop="true" />

    <View
        android:id="@+id/invisible"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_alignParentBottom="true" />    
</RelativeLayout>

Answer 5

我做了类似于@Natix 描述的事情，但我没有弄乱列表的包含布局，而是通过 ListView.addFooterView() 将空视图作为页脚添加到列表中

Answer 6

如果你这样编码，当你的列表视图显示出来时，它似乎有些不同。但即使你也可以遵循这一点。

首先定义一个名为Line的样式

<style name="Line">
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">2px</item>
    <item name="android:background">@color/white</item>
</style>

// 在上述样式中，您可以根据需要更改线条的高度。

无论你想在哪里使用上面的行，你都可以在你的 xml 文件中这样声明它。

<LinearLayout
android:orientation = "vertical"
.......................
............................>
 <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
         />


<View
        style="@style/Line"/>

</LinearLayout>

上面的代码在您的列表视图下创建了一行。当您想在项目的各个地方使用上面的代码时，上面的代码最有用。或者如果只想要一个地方，你可以这样做。

 <LinearLayout
    android:orientation = "vertical"
    .......................
    ............................>
     <ListView
            android:id="@android:id/list"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
             />
<View
    android:layout_width="fill_parent"
        android:layout_height="1px"
        android:background="#20b2aa" />

</LinearLayout>

希望这会有所帮助。顺便说一句，原因很模糊，即使我确实搜索过这个，我也按照上面解释的方式进行了操作。