如何制作像照片中那样的曲线布局

Question

我正在尝试将下面的布局（图片1）设置为照片中的布局（图片2），但我不知道如何实现它。有什么想法吗？

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

  <!-- Background -->
  <item>
    <shape android:shape="rectangle">
        <solid android:color="#2b2c2e" />
        <size android:height="100dp"
            android:width="100dp"/>
    </shape>
  </item>

  <!-- Curved shape -->
  <item>
    <shape
        android:shape="rectangle">
        <stroke
            android:width="0.5dp"
            android:color="#1d1d20" />
        <corners
            android:bottomLeftRadius="10dp"
            android:bottomRightRadius="30dp"
            android:topLeftRadius="150dp"
            android:topRightRadius="10dp" />
        <gradient
            android:angle="45"
            android:endColor="#1f5993"
            android:centerColor="#316bb7"
            android:startColor="#1f5993" />
    </shape>
  </item>

</layer-list>