Custom Image Button Android

Posted : admin On 1/25/2022
(4 votes, average: 4.50 out of 5)

In this tutorial we are creating whole custom toggle button with two different on-off images. So we are showing images at the place of toggle button using custom xml files. So here is the complete step by step tutorial for Create custom Toggle Button in android with Button ON-OFF Images. AlarmClock; BlockedNumberContract; BlockedNumberContract.BlockedNumbers; Browser; CalendarContract; CalendarContract.Attendees; CalendarContract.CalendarAlerts. Click on the button, display custom dialog “custom.xml” layout, if you click on the “OK” button, dialog box will be closed. Download Source Code Download it – (16 KB). Hi, guys, in this video you are gonna learn how to customize button in your android studio. I will teach you to create four types of button Background with r. Hello:) I need to create custom renderer for a button. My button needs to display 2 images and text.

Recently, I worked on a project where I had to make a custom toggle button. I found out a little trick that helped me get my work done with just a few lines of code. And here I am going to share with you that magic trick on How to make a toggle button with two images.

You just need to prepare two images/icons eg the following 2 images

Now we’re going to make a new project and name it as ToggleButtonExample.

Then, copy the above buttons and put them into the drawable folder.

Create a file and name it as “selector_toggle_button” and place it into the drawable folder too. Copy and paste the following code:

Later, we will assign this selector to an ImageView. Ic_toggle_on is going to be shown when the ImageView is in activated state, if not ic_toggle_off icon will take the place.

We will edit the main_activity.xml in layout folder by adding an ImageView to it. The important thing you need to remember is not to forget to assign selector_toggle_button to the ImageView. Here is how our xml file looks like:

The last thing we need to do to get our work done is edit our MainActivity to get the ImageView acts like a toggle button.


Now let’s run the program and see the result.


That’s all. With just a few lines of code and two images, you can get your own toggle button.

Hope you will find this post helpful.

Recommended Posts

In this tutorial we are creating image button with rounded corners border which makes the image button more smooth and good looking. So here is the complete step by step tutorial for Set/Add rounded corners border to Image Button in android.

Image Button In Android Studio

Note : Please download demo image button image from below and put inside drawable-hdpi folder.

Custom Image Button Android Studio

This is image button image :

How to Set/Add rounded corners border to Image Button in android.

Android Button Code

Code for file.

Code for activity_main.xml layout file.

Toggle Button Custom Image Android

Code for rounded_corners_imagebutton.xml file.


Android Button Image Text

Related Posts