How to set property "android:drawableTop" of a button at runtime

How to set property "android:drawableTop" of a button at runtime

Use

button.setCompoundDrawablesWithIntrinsicBounds(left, top, right, bottom);

Sets the Drawables (if any) to appear to the left of, above, to the right of, and below the text. Use 0 if you do not want a Drawable there. The Drawables' bounds will be set to their intrinsic bounds.

If you use

button.setCompoundDrawables(left, top, right, bottom);

Sets the Drawables (if any) to appear to the left of, above, to the right of, and below the text. Use null if you do not want a Drawable there. The Drawables must already have had setBounds(Rect) called.

Drawable top = getResources().getDrawable(R.drawable.image);
button.setCompoundDrawablesWithIntrinsicBounds(null, top , null, null);

final Drawable drawableTop = getResources().getDrawable(R.drawable.btn_check_buttonless_on);

btnByCust.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {

							
 btnByCust.setCompoundDrawablesWithIntrinsicBounds(null, drawableTop , null, null);
			
		}
	});

    	Button button = (Button) findViewById(R.id.button);
        button.setCompoundDrawables(left, top, right, bottom);

I use this code for use the "Theme.Holo" button with a "Custom image" at left and change it (the image)with a function that is called from various ways.

protected void app_dibujarLogojuego() {
	if(bitmaplogojuego!=null){
		bitmaplogojuego.recycle();
		bitmaplogojuego=null;
	}
	Drawable LOGO = null;
	if(verjuego.equals("COSA1")){  LOGO = getResources().getDrawable(R.drawable.img_logo_COSA1);  }
	if(verjuego.equals("COSA2")){  LOGO = getResources().getDrawable(R.drawable.img_logo_COSA2);  }
	if(verjuego.equals("COSA3")){  LOGO = getResources().getDrawable(R.drawable.img_logo_COSA3);  }
	if(verjuego.equals("COSA4")){  LOGO = getResources().getDrawable(R.drawable.img_logo_COSA4);  }

	BUTTON_DECLARED_ID.setCompoundDrawablesWithIntrinsicBounds(LOGO, null , null, null);
}

 btn.setBackgroundResource(R.drawable.your_image_name_here);

If you are using Kotlin, you can use extension method to make things look elegant.

fun TextView.setDrawableTop(iconId: Int) {
    val icon = this.context?.resources?.getDrawable(iconId)
    this.setCompoundDrawablesWithIntrinsicBounds(null, icon, null, null)
}
    

Then you can use it like this:

// myTextView: TextView
myTextView.setDrawableTop(R.drawable.ic_happy)

Create an extension function like this and set top drawable like this

tvAccepted.setTopDrawable(R.drawable.ic_preparing_order_active)

fun TextView.setTopDrawable(icon: Int) {
    this.setCompoundDrawablesRelativeWithIntrinsicBounds(0,icon,0,0)
}

where

setCompoundDrawablesRelativeWithIntrinsicBounds(left/start, top, right/end, bottom)