title: Android Shape - Square with Circle and Different Top Color
body: <p>I am trying to create a <strong>shape drawable</strong> like below.</p>
  
  <p><a href="https://i.stack.imgur.com/qwagO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qwagO.png" alt="enter image description here"></a></p>
  
  <p>where only the <strong>top left</strong> section is in different color <strong>( here white )</strong>. Thought placing a rectangle with smaller size would let me achieve this but I was wrong. Am I even going in the right direction?</p>
  
  <p>Here's my <strong>drawable.xml</strong> file.</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&gt;
      &lt;shape android:shape="rectangle"&gt;
          &lt;size android:width="15dp" android:height="15dp"/&gt;
          &lt;solid android:color="@android:color/white" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;item&gt;
      &lt;shape android:shape="oval"&gt;
          &lt;solid android:color="@android:color/black" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>