android - 无法在android中相对布局的顶部和下方获得黑色 strip

Question

这是我的代码

<RelativeLayout
    android:id="@+id/layout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/black_strip_top"
        android:layout_width="wrap_content"
        android:layout_above="@id/left_strip"
        android:layout_height="2dp"
        android:background="@color/black" />

    <ImageView
        android:id="@+id/black_strip_below"
        android:layout_width="wrap_content"
        android:layout_below="@id/left_strip"
        android:layout_height="2dp"
        android:background="@color/black" />

    <ImageView
        android:id="@+id/left_strip"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/left_strip" />

    <ImageView
        android:id="@+id/right_strip"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/image"
        android:src="@drawable/right_strip" />

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY" />

</RelativeLayout>

我想在图像的顶部和下方有一个 2dp 的黑色 strip 。但我无法得到它。请帮帮我。

Answer 1

你的 @+id/black_strip_top 在 @+id/image 上面，但这并不意味着 @+id/image 会在下面@+id/black_strip_top。它看起来是一个谜语，但基本上是你的问题。这是一个可能的解决方案:

<RelativeLayout
    android:id="@+id/layout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/black_strip_top"
        android:layout_width="wrap_content"
        android:layout_height="2dp"
        android:layout_alignLeft="@+id/left_strip"
        android:layout_alignRight="@+id/right_strip"
        android:background="@color/black" />

    <ImageView
        android:id="@+id/black_strip_below"
        android:layout_width="wrap_content"
        android:layout_height="2dp"
        android:layout_alignLeft="@+id/left_strip"
        android:layout_alignRight="@+id/right_strip"
        android:layout_below="@+id/image"
        android:background="@color/black" />

    <ImageView
        android:id="@+id/left_strip"
        android:layout_width="2dp"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/image"
        android:layout_alignTop="@+id/image"
        android:background="@color/black" />
    <!-- android:src="@drawable/left_strip" -->

    <ImageView
        android:id="@+id/right_strip"
        android:layout_width="2dp"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/image"
        android:layout_alignTop="@+id/image"
        android:layout_toRightOf="@+id/image"
        android:background="@color/black" />
    <!-- android:src="@drawable/right_strip" -->

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/black_strip_top"
        android:layout_toRightOf="@+id/left_strip"
        android:scaleType="fitXY"
        android:src="@drawable/app_icon" />
</RelativeLayout>

其他选项可能是使用 GridView 而不是 RelativeLayout