title: Drawing multiple rectangles in an xml drawable
body: <p>I'm trying to figure out how to create a 3x3 row of small rectangles in an android xml drawable.<br>
  This isn't really getting me close (2 small rects, but they overlap):</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:left="20dp" android:top="20dp" android:right="25dp" android:bottom="25dp" &gt;
          &lt;shape android:shape="rectangle"&gt;
              &lt;stroke android:width="1px" android:color="#fff" /&gt;
              &lt;solid android:color="#00FF0000" /&gt;
              &lt;corners android:radius="3dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  
  
      &lt;item android:left="30dp" android:top="30dp" android:right="35dp" android:bottom="25dp" &gt;
      &lt;shape android:shape="rectangle"&gt;
              &lt;stroke android:width="1px" android:color="#fff" /&gt;
              &lt;solid android:color="#00FF0000" /&gt;
              &lt;corners android:radius="3dp" /&gt;
              &lt;size android:width="10dp"
                    android:height="10dp"/&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  
  
  &lt;/layer-list&gt;
  </code></pre>