Crear botones personalizados con icono y texto

Question

Quiero crear dos nuevos botones personalizados para usar en mi aplicación de Android.

quiero que sean como este:

• icono de la izquierda
• texto a la derecha de un botón
• Otro botón con el icono en la parte superior y el texto en la parte inferior

Así que básicamente tendré una imagen png almacenada en mis recursos que será el ícono del botón. Tendré otra imagen como un 9patch extensible como el fondo del botón. Intenté algo, pero el resultado es espantoso, así que debo estar haciendo algo mal.

este código:

<Button 
      android:layout_width="100px" 
     android:layout_height="100px" 
      android:drawableTop="@drawable/imgIcon" 
      android:drawablePadding="2px" 
      android:text="Text" 
      android:background="@drawable/button_background" 
      /> 

Posteriormente Editar: Si hago como lo sugiere Macarse abajo:

<Button android:id="@+id/yourid" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="Your text here" 
     android:drawableTop="@drawable/imgdonetracks"> 
</Button> 

consigo al igual que en la primera imagen

Si realizo este cambio:

<Button android:id="@+id/yourid" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="Your text here" 
     android:drawableTop="@drawable/imgdonetracks" 
     android:background="@drawable/button_background"> 
    </Button> 

todo de equivocarse

Comprobar imagen http://img255.imageshack.us/i/android3.png/

Answer 1

Parece tan feo porque el fondo del diseño del botón tiene espacio vacío, pero eso no se ha solucionado en la imagen del parche 9. Ahora lo arreglé con el editor 9p como http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch y funciona bien

Answer 2

<button android:id="@+id/yourid" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="Your text here" 
     android:drawabletop="@drawable/[image]"> 
</button> 

Aquí está la documentación: http://developer.android.com/reference/android/widget/TextView.html#attr_android:drawableTop

Answer 3

¿Ha intentado utilizar un recurso de fondo más grandes que también se ajusta a la/altura-anchura botón mejor?