图像边框仅在顶部和顶部底部

Question

我有3张图片。

我想在它们周围绘制边框，一个接一个地显示它们，如下所示。

问题是当我使用layer-list在它们周围绘制边框时。由于调整边的边界，中心的图像在左侧和右侧有2个边框。

我应该如何修改中心图像的图层列表。

谢谢

当前代码（用于所有图片的图层列表）：

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

    <item>
        <shape android:shape="rectangle" >
            <!-- border color -->
            <stroke 
                android:width="0.5dp"
                android:color="@color/application_orange" />

            <!-- background -->
            <solid android:color="@android:color/white" />
        </shape>
    </item>
    <!-- top, bottom, left, right used for padding -->
    <item
        android:bottom="10dp"
        android:drawable="@drawable/ic_disk"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp">
    </item>

</layer-list>

Answer 1

用于中心图像drawable：

    

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@color/application_orange" />
        </shape>
    </item>

    <item android:bottom="10dp" android:top="10dp">
        <shape android:shape="rectangle" >
            <solid android:color="@android:color/white" />
        </shape>
    </item>

    <item
        android:bottom="10dp"
        android:drawable="@drawable/ic_disk"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp">
    </item>

</layer-list>

Answer 2

使用此代码：

main.xml中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/common_bg_with_dark_border"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher" />

        <View
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:background="#e2e2e2" >
        </View>

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher" />

        <View
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:background="#e2e2e2" >
        </View>

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>

</RelativeLayout>

common_bg_with_dark_border.xml

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

    <stroke
        android:width="2dp"
        android:color="#e2e2e2" />

    <solid android:color="#ffffff" />

</shape>