Set ImageButton background color in android programmatically

How to dynamically set image button background color in android using MainActivity.java programming file.

In this tutorial we are changing the image button background color after starting the android app by clicking on another button. So here is the complete step by step tutorial for Set ImageButton background color in android programmatically.

android-project-download-code-button

How to Set ImageButton background color in android programmatically.

Code for MainActivity.java file.

 package com.setimagebuttonbackgroundcolorprogrammatically_android_examples.com;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;


public class MainActivity extends Activity {

 ImageButton imagebutton;
 Button button;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 
 button = (Button)findViewById(R.id.button1);
 imagebutton = (ImageButton)findViewById(R.id.imageButton1);
 
 button.setOnClickListener(new View.OnClickListener() {
 
 @Override
 public void onClick(View v) {
 // TODO Auto-generated method stub
 
 imagebutton.setBackgroundColor(Color.parseColor("#fc0101"));
 
 }
 });
 }
}

Code for activity_main.xml layout file.

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 tools:context="com.setimagebuttonbackgroundcolorprogrammatically_android_examples.com.MainActivity" >

 <ImageButton
 android:id="@+id/imageButton1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true"
 android:src="@drawable/demo_img" />

 <Button
 android:id="@+id/button1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@+id/imageButton1"
 android:layout_centerHorizontal="true"
 android:layout_marginTop="44dp"
 android:text="Click here to Set ImageButton background color in android programmatically" />

</RelativeLayout>

Screenshots:

dynamic-imagebutton-background

Set ImageButton background color in android programmatically

Click here to download Set ImageButton background color in android programmatically project with source code.

Leave a Reply

Your email address will not be published. Required fields are marked *