Horizo​​ntalScrollView 中 LinearLayout 子项之间的空间

Question

我无法在作为 Horizo​​ntalScrollView 的子项的 LinearLayout 中分离子项。我在 LinearLayout 元素（padding_right、layout_margin、divider）上尝试了多种方法，但都没有工作。下图说明了我想要实现的目标（顶部是预期结果，底部 1 是我的布局的渲染结果）

这是我使用的两种布局：

布局/activity_main.xml

<HorizontalScrollView
    android:id="@id/horizontal_scroll_parent"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbarStyle="outsideInset"
    android:scrollbars="none" >

    <LinearLayout
        android:id="@+id/content_scroll"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:showDividers="middle" >

        <include
            android:id="@+id/id"
            layout="@layout/gallery_item_layout" />

        <include
            android:id="@+id/id"
            layout="@layout/gallery_item_layout" />

        <include
            android:id="@+id/id"
            layout="@layout/gallery_item_layout" />

        <include
            android:id="@+id/id"
            layout="@layout/gallery_item_layout" />

        <include
            android:id="@+id/id"
            layout="@layout/gallery_item_layout" />

        <include
            android:id="@+id/id"
            layout="@layout/gallery_item_layout" />
    </LinearLayout>
</HorizontalScrollView>

布局/gallery_item_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@id/galleryItemLayout"
    android:layout_width="139.0dip"
    android:layout_height="130.0dip"
    android:background="@drawable/gallery_item_selector"
    android:focusable="true"
    android:padding="2dp" >

    <ImageView
        android:id="@id/galleryItemView"
        android:layout_width="139.0dip"
        android:layout_height="78.0dip"
        android:background="#00000000"
        android:padding="0.0dip" />

    <TextView
        android:id="@id/articleTitleId"
        android:layout_width="139.0dip"
        android:layout_height="50.0dip"
        android:layout_below="@id/galleryItemView"
        android:background="#ff0a0a0a"
        android:ellipsize="end"
        android:maxLines="2"
        android:paddingBottom="5.0dip"
        android:paddingLeft="5.0dip"
        android:paddingTop="2.0dip"
        android:textColor="#ffffffff"
        android:textSize="13.0sp" />

</RelativeLayout>

这是一些尝试的渲染结果：

使用 layout_marginLeft：

<LinearLayout
android:id="@+id/content_scroll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal"
android:layout_marginLeft="20dp" >

使用 paddingLeft：

<LinearLayout
android:id="@+id/content_scroll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal"
android:paddingLeft="20dp" >

Answer 1

您可以尝试将边距应用于包含布局

  <include 
android:id="@+id/id"
 layout="@layout/gallery_item_layout"
    android:layout_margin="2dp" /> 

Answer 2

您应该将边距添加到您的gallery_item_layout.xml

所以在您的 gallery_item_layout.xml 中为您的根 RelativeLayout 插入边距

android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"

或者，您可以为activity_main.xml 中的每个包含元素添加边距，但如果采用这种方法，您还必须为每个包含元素指定layout_width 和layout_height 参数。否则边距将被忽略。

Answer 3

在您的布局/gallery_item_layout.xml 中

galleryItemLayout 的宽度应至少比 galleryItemView 和 articleTitleId 的宽度多 2dp（如果您提供 2dp 的填充）