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

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 条。但我无法得到它。请帮帮我。

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>

其他选择可能是使用 aGridView而不是RelativeLayout