title: Custom RadioButton image not filling space
body: <p>I have a custom radiobutton with a 9-patch image as background. I use a Selector to determine the background.
  I also have some text i want to put over the background of the image, but the text is aligning next to the button.</p>
  
  <p>This is the RadioGroup</p>
  
  <pre><code>&lt;LinearLayout
      android:id="@+id/segmented"
      android:layout_width="fill_parent" 
      android:layout_height="50sp"
      android:gravity="center"
      android:layout_below="@+id/header"&gt;
      &lt;RadioGroup android:layout_width="fill_parent"
          android:layout_height="wrap_content" 
          android:orientation="horizontal"
          android:id="@+id/group1"
          android:gravity="center"&gt;
          &lt;RadioButton 
              android:checked="false"
              android:layout_width="90sp"
              android:id="@+id/rbVerzekeringen"
              android:text="Verzekeringen"
              android:textSize="10sp"
              android:button="@drawable/checkbox_theme" /&gt;
          &lt;RadioButton 
              android:checked="false"
              android:layout_width="90sp"
              android:id="@+id/rbPersoonlijk"
              android:text="Persoonlijk"
              android:textSize="10sp"
              android:button="@drawable/checkbox_theme" /&gt;
          &lt;RadioButton 
              android:checked="false"
              android:layout_width="90sp"
              android:id="@+id/rbNotities"
              android:text="Notities"
              android:textSize="10sp"
              android:button="@drawable/checkbox_theme" /&gt;
      &lt;/RadioGroup&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>This is the Selector:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  &lt;item android:state_checked="true" android:state_window_focused="false"
          android:drawable="@drawable/bt_filter_active" /&gt;
      &lt;item android:state_checked="false" android:state_window_focused="false"
          android:drawable="@drawable/bt_filter" /&gt;
      &lt;item android:state_checked="true" android:state_pressed="true"
          android:drawable="@drawable/bt_filter_active" /&gt;
      &lt;item android:state_checked="false" android:state_pressed="true"
          android:drawable="@drawable/bt_filter" /&gt;
      &lt;item android:state_checked="true" android:state_focused="true"
          android:drawable="@drawable/bt_filter_active" /&gt;
      &lt;item android:state_checked="false" android:state_focused="true"
          android:drawable="@drawable/bt_filter" /&gt;
      &lt;item android:state_checked="false" android:drawable="@drawable/bt_filter" /&gt;
      &lt;item android:state_checked="true" android:drawable="@drawable/bt_filter_active" /&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>And this is what it lookes like:</p>
  
  <p><img src="https://i.stack.imgur.com/oxG7N.png" alt="alt text"></p>
  
  <p>As you can figure out I want 3 large buttons with the text over it.</p>
  
  <p>How can I do this?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I set the selector at background in stead of button and set the button to null.</p>
  
  <p>The code looks like this now:</p>
  
  <pre><code>&lt;LinearLayout
      android:id="@+id/segmented"
      android:layout_width="fill_parent" 
      android:layout_height="50sp"
      android:gravity="center"
      android:layout_below="@+id/header"&gt;
      &lt;RadioGroup android:layout_width="fill_parent"
          android:layout_height="wrap_content" 
          android:orientation="horizontal"
          android:id="@+id/group1"
          android:gravity="center"&gt;
          &lt;RadioButton 
              android:checked="false"
              android:layout_width="100sp"
              android:layout_height="40sp"
              android:id="@+id/rbVerzekeringen"
              android:text="Verzekeringen"
              android:textSize="13sp"
              android:orientation="vertical"
              android:background="@drawable/checkbox_theme"
              android:button="@null"
              android:gravity="center"/&gt;
          &lt;RadioButton 
              android:checked="false"
              android:layout_width="100sp"
              android:layout_height="35sp"
              android:id="@+id/rbPersoonlijk"
              android:text="Persoonlijk"
              android:textSize="35sp"
              android:background="@drawable/checkbox_theme"
              android:button="@null" 
              android:gravity="center"/&gt;
          &lt;RadioButton 
              android:checked="false"
              android:layout_width="100sp"
              android:layout_height="30sp"
              android:id="@+id/rbNotities"
              android:text="Notities"
              android:textSize="13sp"
              android:background="@drawable/checkbox_theme"
              android:button="@null" 
              android:gravity="center"/&gt;
      &lt;/RadioGroup&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>But now when I make the buttons larger or smaller the text in it just disappears like this (height of the first image is 40sp, the second is 35sp and the last one is 30sp): 
  <img src="https://i.stack.imgur.com/NI2C7.png" alt="height of the first image is 40sp, the second is 35sp and the last one is 30sp"></p>
  
  <p>How can I make the background image smaller without cutting the text in it?</p>