矢量图像被拉伸

Question

我需要在这里形成这样的布局：

我使用vector（dialog.xml）：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="692.6dp"
    android:height="312.4dp"
    android:viewportWidth="692.6"
    android:viewportHeight="312.4">

    <path
        android:fillColor="#FFFFFF"
        android:pathData="M 1.2 1.1 H 692.5 V 285.1 H 1.2 V 1.1 Z" />
    <path
        android:fillColor="#FFFFFF"
        android:pathData="M 595.9 285.1 L 623.6 285.1 L 596 312.8 L 568.1 285.1 Z" />
</vector>

然后：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipChildren="false"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_margin="10dp">

        <View
            android:layout_width="fill_parent"
            android:layout_height="400dp"
            android:rotation="100"
            android:background="@drawable/dialog"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_alignParentStart="true" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Test"
            android:layout_margin="20dp"
            android:textSize="25pt"/>

    </RelativeLayout>

但是图像被拉伸并且看起来不太好。另外，vector需要API级别21，我的app min API是15.如何以另一种方式进行此表单的布局？