如何在Android中的listView Items之间设置空间

Question

我尝试在 listView 上使用 marginBottom 在 listView Item 之间腾出空间，但这些项目仍然连接在一起。

甚至有可能吗？ 如果是，有没有具体的方法来做到这一点？

我的代码在下面

<LinearLayout
android:id="@+id/alarm_occurences"
android:layout_width="fill_parent" 
android:orientation="vertical"
android:layout_height="fill_parent"
android:background="#EEEEFF"
xmlns:android="http://schemas.android.com/apk/res/android">

<ListView
android:id="@+id/occurences"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</LinearLayout>

我的自定义列表项：

<com.android.alarm.listItems.AlarmListItem
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" 
android:background="@drawable/alarm_item_background"
android:layout_marginBottom="10dp"    
>
<CheckedTextView     
    android:id="@android:id/text1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:checkMark="?android:attr/listChoiceIndicatorMultiple"
    android:textSize="20sp"
    android:textStyle="bold"
    android:typeface="serif"
    android:padding="10dp"

/>

</com.android.alarm.listItems.AlarmListItem>

在这种情况下，如何在列表项之间设置间距？

Answer 1

@Asahi 几乎一针见血，但我只是想为任何可能稍后通过谷歌漂浮在这里的人添加一些 XML：

<ListView android:id="@+id/MyListView"
  android:layout_height="match_parent"
  android:layout_width="match_parent"
  android:divider="@android:color/transparent"
  android:dividerHeight="10.0sp"/>

出于某种原因，Android 拒绝了“10”、“10.0”和“10sp” dividerHeight作为dividerHeight值。 它需要一个浮点数和一个单位，例如“10.0sp”。 正如@Goofyahead 所指出的，您还可以为此值（即“10dp”）使用与显示无关的像素。

Answer 2

也许ListView divider或dividerHeight属性可以解决您的问题。

Answer 3

尽管 Nik Reiman 的解决方案确实有效，但我发现它并不是我想做的最佳解决方案。 使用分隔线设置边距的问题是分隔线将不再可见，因此您无法使用它来显示项目之间的清晰边界。 此外，它不会为每个项目添加更多的“可点击区域”，因此如果您想让您的项目可点击并且您的项目很薄，那么任何人都很难点击一个项目，因为分隔线添加的高度不是项目的一部分。

幸运的是，我找到了一个更好的解决方案，它允许您显示分隔符并允许您使用填充而不是边距来调整每个项目的高度。 下面是一个例子：

列表视图

<ListView
android:id="@+id/listView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>

列表项

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="10dp"
    android:paddingTop="10dp" >

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:text="Item"
        android:textAppearance="?android:attr/textAppearanceSmall" />

</RelativeLayout>

Answer 4

您应该将您的ListView项目（比如your_listview_item ）包装在其他一些布局中，例如LinearLayout并为your_listview_item添加边距：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <your_listview_item
        android:id="@+id/list_item"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="5dp"
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
    ...
    ...
    />
</LinearLayout>

通过这种方式，您还可以根据需要在ListView项的右侧和左侧添加空间。

Answer 5

我添加更多空间但保持水平线的解决方案是在res/drawable文件夹中添加divider.xml在其中定义线条形状：

分隔线.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line" >

    <stroke
        android:width="1px"
        android:color="@color/nice_blue" />

</shape>

然后在我的列表中，我引用了我的分隔符，如下所示：

<ListView
    android:id="@+id/listViewScheduledReminders"
    android:layout_width="match_parent"
    android:layout_height="0dip"
    android:layout_marginBottom="@dimen/mediumMargin"
    android:layout_weight="1"
    android:divider="@drawable/divider"
    android:dividerHeight="16.0dp"
    android:padding="@dimen/smallMargin" >

</ListView>

注意android:dividerHeight="16.0dp"通过增加和减少这个高度我基本上是在分隔线的顶部和底部添加更多的填充。

我使用此页面作为参考： http : //developer.android.com/guide/topics/resources/drawable-resource.html#stroke-element

Answer 6

如果要显示带有边距且不拉伸的分隔线 - 使用 InsetDrawable（大小必须采用@Nik Reiman 所说的格式）：

列表视图：

<ListView
    android:id="@+id/listView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:cacheColorHint="#00000000"
    android:divider="@drawable/separator_line"
    android:dividerHeight="10.0px"/>

@drawable/separator_line：

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="5.0px"
    android:insetRight="5.0px"
    android:insetTop="8.0px"
    android:insetBottom="8.0px">

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <gradient
            android:startColor="@color/colorStart"
            android:centerColor="@color/colorCenter"
            android:endColor="@color/colorEnd"
            android:type="linear"
            android:angle="0">
        </gradient>
    </shape>
</inset>

Answer 7

您可以使用：

android:divider="@null"
android:dividerHeight="3dp"

例子：

<ListView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/listView" android:layout_gravity="center_horizontal"
        android:dividerHeight="3dp"
        android:divider="@null" android:clickable="false"/>

Answer 8

我意识到已经选择了一个答案，但我只是想分享当我遇到这个问题时最终对我有用的东西。

我有一个 listView，其中 listView 中的每个条目都由其自己的布局定义，类似于 Sammy 在他的问题中发布的内容。 我尝试了建议的改变分隔线高度的方法，但最终看起来并没有太漂亮，即使有一个隐形的分隔线。 经过一些实验，我只是在 XML 文件中的最后一个 TextView 布局元素中添加了一个android:paddingBottom="5dip"来定义各个 listView 条目。

这最终给了我我试图通过使用android:layout_marginBottom实现的android:layout_marginBottom 。 我发现这个解决方案比尝试增加分隔高度产生更美观的结果。

Answer 9

对于我的应用程序，我已经这样做了

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

</ListView>

只需set the divider to null并为set the divider to null提供高度为我做的。

示例：

android:divider="@null"

或

android:divider="@android:color/transparent"

这是结果

Answer 10

而不是给保证金，你应该给填充：

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:divider="@android:color/green"
    android:dividerHeight="4dp"
    android:layout_alignParentTop="true"
    android:padding="5dp" >

</ListView>

或

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:paddingTop="2dp"
    android:divider="@android:color/green"
    android:dividerHeight="4dp"
    android:paddingLeft="1dp"
    android:paddingRight="1dp"
    android:paddingBottom="2dp"
    android:paddingStart="0dp"
    android:paddingEnd="0dp" >

</ListView>

Answer 11

使用 OP 现有代码（列表项已经有填充）的最简单解决方案是添加以下代码：

listView.setDivider(new ColorDrawable(Color.TRANSPARENT));  //hide the divider
listView.setClipToPadding(false);   // list items won't clip, so padding stays

这个SO答案帮助了我。

注意：您可能会在旧平台上过早地遇到列表项回收的错误，正如这里所问的那样。

Answer 12

<ListView
    android:clipToPadding="false"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:dividerHeight="10dp"
    android:divider="@null"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</ListView>

并将paddingTop 、 paddingBottom和dividerHeight设置为相同的值，以使列表顶部和底部的所有元素和空间之间的间距相等。

我将clipToPadding设置为false以在此填充区域中绘制视图。

我将divider设置为@null以删除列表元素之间的行。

Answer 13

增加列表项之间间距的另一种方法是通过提供具有所需间距的 layout_height 属性，向适配器代码添加一个空视图。 例如，为了增加列表项之间的底部间距，将此虚拟视图（空视图）添加到列表项的末尾。

<View
    android:layout_width="match_parent"
    android:layout_height="15dp"/>

因此，这将在列表视图项之间提供 15 dp 的底部间距。 如果父布局是 LinearLayout 并且方向是垂直的，您可以直接添加它，或者对其他布局采取适当的步骤。 希望这有帮助:-)

Answer 14

您只需要使列表分隔符的背景透明并根据您需要的间隙设置高度。

<ListView 
         android:id="@+id/custom_list"
         android:layout_height="match_parent"
         android:layout_width="match_parent"
         android:divider="#00ffffff"
         android:dividerHeight="20dp"/>

Answer 15

为了在 listView 内的视图之间提供间距，请在您的膨胀视图上使用填充。

您可以使用android:paddingBottom="(number)dp" && android:paddingTop="(number)dp"在您的视图或您在列表视图中膨胀的视图上。

分隔线解决方案只是一个修复，因为有一天，当您想要使用分隔线颜色（现在它是透明的）时，您会看到分隔线被拉伸。

Answer 16

如果您使用的是 Horizo​​ntalListView，我找到了一个不太好的解决方案，因为分隔符似乎不适用于它，但我认为它适用于更常见的 ListView。

只需添加：

<View
android:layout_marginBottom="xx dp/sp"/>

在您在适配器类中膨胀的布局的最底部视图中，将在项目之间创建间距

Answer 17

许多这些解决方案都有效。 但是，如果您只想设置项目之间的边距，我想出的最简单的方法是将您的项目（在您的情况下为 CheckedTextView）包装在 LinearLayout 中，并将项目的边距格式放在其中，不是根布局。 一定要给这个包装布局一个 id，并在你的适配器中与你的 CheckedTextView 一起创建它。

就是这样。 实际上，您正在为 ListView 在项目级别实例化边距。 因为 ListView 不知道任何项目布局 - 只有您的适配器知道。 这基本上夸大了之前被忽略的项目布局部分。

Answer 18

这将帮助您添加分隔线高度。

 getListView().setDividerHeight(10)

如果要添加自定义视图，可以在 listView 项目布局本身中添加一个小视图。

Answer 19

也许你可以尝试在最外层的 Layout 添加 android:layout_marginTop = "15dp" 和 android:layout_marginBottom = "15dp"