如何从圆角图像背景创建圆角布局？

Question

我正在尝试使用其父布局创建一个自定义对话框，其背景圆角图像可绘制。

这个图像的角是透明的，现在的问题是当我用它作为我父母的背景时，它仍会留下一个矩形角。如果仔细观察第二张图像是否有矩形角（黑色）：

我已经应用了可绘制的XML来使父布局的圆角变圆但仍然使用第二张图像。

这是我的xml：

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

<View
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/parent_frame"
    android:layout_alignLeft="@+id/parent_frame"
    android:layout_alignRight="@+id/parent_frame"
    android:layout_alignTop="@+id/parent_frame"
    android:background="@drawable/red" />

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

    <Button
        android:id="@+id/btn_x"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="20dp"
        android:background="@drawable/btn_x"
        android:onClick="closePopup"
        android:translationX="-10dp"
        android:translationY="10dp" />

    <TextView
        android:id="@+id/duration"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn_x"
        android:layout_marginLeft="20dp"
        android:layout_centerHorizontal="true"
        android:text="HEHEHEHEHE"
        android:textColor="#FFFFFF"
        android:textSize="30sp" />
</RelativeLayout>