title: image in layer list not the same when applied to a button
body: <p>I'm attempting to define a custom button shape in XML using a layer-list in order to avoid adding yet more bitmaps to the project.
  I have this:</p>
  
  <pre><code>&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"
  &gt;
  &lt;item android:id="@+id/tester"
      &gt;
      &lt;rotate
          android:pivotX="20%"
          android:fromDegrees="-45"
          &gt;
              &lt;shape
                  android:shape="rectangle"&gt;
                  &lt;solid
                      android:color="#000000"
                      &gt;
                  &lt;/solid&gt;
                  &lt;size
                      android:height="200dp"
                      android:width="200dp"
                      &gt;
                  &lt;/size&gt;
              &lt;/shape&gt;
      &lt;/rotate&gt;
  &lt;/item&gt;
  
  &lt;item android:id="@+id/tester"
      &gt;
      &lt;rotate
          android:pivotX="20%"
          android:fromDegrees="45"
          &gt;
          &lt;shape
              android:shape="rectangle"&gt;
              &lt;solid
                  android:color="#000000"
                  &gt;
              &lt;/solid&gt;
              &lt;size
                  android:height="200dp"
                  android:width="200dp"
                  &gt;
              &lt;/size&gt;
          &lt;/shape&gt;
      &lt;/rotate&gt;
  &lt;/item&gt;
  
  &lt;item&gt;
  &lt;rotate
      android:pivotX="90%"
      android:fromDegrees="270"
      &gt;
      &lt;shape
          android:shape="rectangle"
          &gt;
          &lt;solid
              android:color="#000000"
              &gt;
          &lt;/solid&gt;
          &lt;size
              android:width="50dp"
              android:height="100dp"
              &gt;
          &lt;/size&gt;
  
      &lt;/shape&gt;
  
  &lt;/rotate&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;item&gt;
      &lt;rotate
          android:pivotX="90%"
          android:fromDegrees="90"
          &gt;
          &lt;shape
              android:shape="rectangle"
              &gt;
              &lt;solid
                  android:color="#000000"
                  &gt;
              &lt;/solid&gt;
              &lt;size
                  android:width="50dp"
                  android:height="100dp"
                  &gt;
              &lt;/size&gt;
  
          &lt;/shape&gt;
  
      &lt;/rotate&gt;
  &lt;/item&gt;
  </code></pre>
  
  <p></p>
  
  <p>Which creates this image:
  <a href="https://i.stack.imgur.com/wPF3H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wPF3H.png" alt="sorry for the giant size"></a></p>
  
  <p>And I'm using this to set it to a button:</p>
  
  <pre><code>        &lt;Button
          android:layout_width="15dp"
          android:layout_height="fill_parent"
          android:id="@+id/picture_inflator"
          android:layout_toLeftOf="@id/picture_fragment"
          android:layout_above="@+id/button"
          android:layout_below="@+id/title"
          android:background="@drawable/rightButton"
          android:layout_marginLeft="4dp"
  
          /&gt;
  </code></pre>
  
  <p>But the image this is creating in the button is this:
  <a href="https://i.stack.imgur.com/gOICJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gOICJ.png" alt="enter image description here"></a></p>
  
  <p>I have no idea what's going on here.  I've drawn the images out wondering if it was including the parts of the shapes that had fallen off of the bounds but it doesn't look like that.  I can't fix this until I know why its acting like this.  I would greatly appreciate any insights or guesses.  Thanks</p>
  
  <p>EDIT:  I'm aware that i'm supposed to use a selector here, but I'm just testing this right now.  The image won't be matte black when its really done.</p>