title: How to create button with centered text and image and size set to match_parent
body: <p>I want a Button like this:</p>
  
  <pre><code>+-----------------------+
  |                       |
  |        +-----+        |
  |        |Image|        |
  |        +-----+        |
  |          Text         |
  |                       |
  |                       |
  +-----------------------+
  </code></pre>
  
  <p>EDIT: Explanation to the picture: I want the COMBINATION of Image and text centered (text ALWAYS below the image)</p>
  
  <p>I want the Button to stretch to a parent object (to make the whole area the button click area) and still align imgage AND text at center.</p>
  
  <p>I achieve only top center alignment with folowing code, but I don't get the desired behaviour...</p>
  
  <pre><code>&lt;Button
      android:id="@+id/btInfo"
      android:paddingTop="20dp"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:gravity="top|center_horizontal"                   
      android:layout_weight="1"
      android:background="@drawable/border_button_main_menu"
      android:drawableTop="@drawable/bt_info"
      android:onClick="onClick"
      android:text="@string/info"
      android:textColor="@drawable/bt_white_red_text"
      android:textSize="15dp" /&gt;
  </code></pre>
  
  <p>changing  <code>android:gravity="top|center_horizontal"</code> to <code>android:gravity="center_vertical|center_horizontal"</code> only leads to image centered at top and text centered at bottom...</p>
  
  <hr>
  
  <h2>---- EDIT2 -----</h2>
  
  <p>Wanted behaviour:</p>
  
  <p>1) look as described (Image and text is a optical group and the group is centered in the button)</p>
  
  <p>2) text should be part of the button (I want the onclick behaviour to work with selectors)</p>
  
  <hr>
  
  <h2>---- EDIT3 -----</h2>
  
  <p>added my own solution... but thanks to all that tried to help</p>