¿Escalar un dibujo dentro de un botón?

Question

Actualmente mi dibujo simplemente se adapta a su tamaño normal, quiero que encaje dentro de mi botón. Aquí está una imagen de cómo se ve ahora:

Aquí está el código XML para el botón:

<LinearLayout android:layout_width="wrap_content" 
    android:id="@+id/linearLayout2" android:layout_height="40dp" 
    android:layout_weight="0.4" android:gravity="right|center_vertical" 
    android:paddingRight="5dp"> 
    <Button android:id="@+id/button1" android:background="@drawable/refresh" 
     android:layout_height="25dp" android:layout_width="150dp" 
     android:text="@string/buttonSearchAgain" android:drawableRight="@drawable/refresh_48"></Button> 
</LinearLayout> 

por lo que quiero que se vea como esto:

¿Hay alguna manera de reducir mi drawable?

Answer 1

recrear la imagen. Mantenga el tamaño de la imagen en píxeles, pero reduzca el tamaño de la flecha y haga que el resto sea transparente. Esa es mi apuesta de todos modos =)

Answer 2

Trate

<Button android:id="@+id/button1" android:background="@drawable/refresh" 
    android:layout_height="25dp" android:layout_width="150dp" 
    android:text="@string/buttonSearchAgain" android:drawableRight="@drawable/refresh_48" 
    android:padding="5dp"></Button> 

(Así que añadir android:padding="5dp")

Answer 3

¡Lo hice funcionar! Es un poco desordenado, y terminé no usando las vistas de botones en absoluto. El "botón" en sí es un Layout relativo, por lo que si quieres usar esta solución, tendrás que jugar con algunos si quieres que el botón se active. Aquí está mi XML:

<LinearLayout android:layout_width="wrap_content" 
    android:id="@+id/linearLayout2" android:layout_height="40dp" 
    android:layout_weight="0.4" android:gravity="right|center_vertical" 
    android:paddingRight="5dp"> 
    <RelativeLayout android:layout_height="25dp" 
     android:layout_width="150dp" android:id="@+id/relativeLayout1" 
     android:clickable="true"> 
     <ImageView android:id="@+id/imageView1" android:scaleType="fitXY" 
      android:adjustViewBounds="true" android:layout_width="fill_parent" 
      android:src="@drawable/saywhat" android:layout_height="fill_parent"></ImageView> 
     <LinearLayout android:layout_width="fill_parent" 
      android:id="@+id/linearLayout3" android:weightSum="1" 
      android:layout_height="fill_parent"> 
      <TextView android:layout_weight="0.6" 
       android:layout_height="fill_parent" android:text="TextView" 
       android:layout_width="wrap_content" android:id="@+id/textView1"></TextView> 
      <LinearLayout android:layout_weight="0.4" 
       android:layout_height="fill_parent" android:layout_width="wrap_content" 
       android:id="@+id/linearLayout4"> 
       <ImageView android:id="@+id/imageView2" 
        android:layout_height="wrap_content" android:scaleType="fitXY" 
        android:adjustViewBounds="true" android:layout_width="wrap_content" 
        android:src="@drawable/refresh_48"></ImageView> 
      </LinearLayout> 
     </LinearLayout> 
    </RelativeLayout> 
</LinearLayout> 

Enjoy :)

Answer 4

Como no se puede modificar o escalar la imagen a través de XML es necesario establecer los límites dibujable compuestos dentro del código.

Reemplace la clase Button con su propio "CustomButton". Entonces anular los SetCompoundDrawables método"(izquierda, arriba, derecha, abajo):.

public override void SetCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom) 
    { 
     if (right != null) 
     { 
      var bounds = right.Bounds; 
      right.SetBounds(bounds.Left, bounds.Top, bounds.Right, bounds.Bottom - 70); 
     } 

     if (left != null) 
     { 
      var bounds = left.Bounds; 
      left.SetBounds(bounds.Left, bounds.Top, bounds.Right, bounds.Bottom - 70); 
     } 

     base.SetCompoundDrawables(left, top, right, bottom); 
    } 

Tenga en cuenta que este es C# Código Desde que estoy usando Xamarin Sin embargo, el código de Java debe ser el mismo (a pesar de algunas uppper namings caso)

Answer 5

creo que he encontrado la solución para su problema, muy tarde pero podría ayudar a los demás

Drawable drawable = getResources().getDrawable(R.drawable.s_vit); 
drawable.setBounds(0, 0, (int)(drawable.getIntrinsicWidth()*0.5), 
        (int)(drawable.getIntrinsicHeight()*0.5)); 
ScaleDrawable sd = new ScaleDrawable(drawable, 0, scaleWidth, scaleHeight); 
Button btn = findViewbyId(R.id.yourbtnID); 
btn.setCompoundDrawables(sd.getDrawable(), null, null, null); 

Answer 6

puede resolver esto mediante programación: Tener un vistazo a la función scaleButtonDrawables en this answer Con esa función. puedes escribir onCreate() de su actividad:

final Button button = (Button) findViewById(R.id.button1); 
ViewTreeObserver vto = button.getViewTreeObserver(); 
vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { 
      public boolean onPreDraw() { 
       button.getViewTreeObserver().removeOnPreDrawListener(this); 
       //scale to 90% of button height 
       DroidUtils.scaleButtonDrawables(button, 0.9); 
       return true; 
      } 
     }); 

(. No se puede llamar directamente porque esta altura botón no está disponible en onCreate())