title: how to create a semi oval shape (bending a line)
body: <p>I'm trying to create a custom shape for my <code>NavigationView</code> footer, as background. but it's not so clean. This is what I have done:</p>
  
  <p><a href="https://i.stack.imgur.com/Ydj9L.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ydj9L.jpg" alt="enter image description here"></a></p>
  
  <p>And this is what I need:</p>
  
  <p><a href="https://i.stack.imgur.com/vDyyC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vDyyC.jpg" alt="enter image description here"></a></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  &lt;item
      android:gravity="bottom"&gt;
      &lt;shape android:shape="rectangle"&gt;
          &lt;solid android:color="@color/darkerGray" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;item
  
      android:gravity="bottom|center_horizontal"
      android:top="50dp"&gt;
      &lt;!--android:top="-40dp"--&gt;
  
      &lt;shape android:shape="oval"&gt;
          &lt;solid android:color="#ffffffff" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;item
  
      android:bottom="30dp"
      android:gravity="bottom"&gt;
      &lt;shape android:shape="rectangle"&gt;
          &lt;solid android:color="#ffffffff" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  </code></pre>
  
  <p></p>
  
  <p>Can you help me, please?</p>