RelativeLayout背景可繪制重疊內容

Question

我有一個9-patch drawable（date_time）。 我想將此drawable放在Relative Layout內容后面，因此所有子視圖都應該在此圖像的頂部繪制。 這是xml布局：

<RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="23dp"
            android:layout_below="@id/tv_map_address"
            android:layout_marginTop="11dp"
            android:layout_marginBottom="12dp"
            android:background="@drawable/date_time">

            <ImageView
                android:id="@+id/iv_map_distance"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_centerVertical="true"
                android:src="@drawable/ic_map_distance"/>

            <TextView
                android:id="@+id/tv_map_distance"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@id/iv_map_distance"
                android:layout_centerVertical="true"
                android:textColor="@color/white"
                android:textSize="11sp"
                android:text="2,7 км"
                fontPath="fonts/Roboto-Medium.ttf"/>

            <ImageView
                android:id="@+id/iv_map_path"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@id/tv_map_distance"
                android:layout_centerVertical="true"
                android:src="@drawable/ic_map_path"/>

            <TextView
                android:id="@+id/tv_map_path"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@id/iv_map_path"
                android:layout_centerVertical="true"
                android:textColor="@color/white"
                android:textSize="11sp"
                android:text="3,2 км"
                fontPath="fonts/Roboto-Medium.ttf"/>

        </RelativeLayout>

但不知何故，這種背景與所有兒童內容重疊。 這里顯示了正在發生的事情。

但如果我更換

android:background="@drawable/date_time"

至

android:background="#0000FF"

一切都很好，輸出是下一個：

你能解釋一下我做錯了什么嗎？

更新：這是我的9-patch drawable。

Answer 1

正如我認為你的內容指標不正確（除非你想用你的9補丁引入這樣的內容填充）。 試試這個：

右側和底部指南，確定哪些部分（或多少），您的drawable應該由你的內容所占據。 您已將此區域設置為非常小的空間，並設置Layout的固定高度。 換句話說：9-patch強制你的Layout讓它的孩子只占據你視圖的一小部分區域（受限於你沒有讓你的Layout拉伸）。