{"id":841,"date":"2016-02-07T07:47:45","date_gmt":"2016-02-07T07:47:45","guid":{"rendered":"http:\/\/abhiandroid.com\/ui\/?page_id=841"},"modified":"2018-06-05T09:54:08","modified_gmt":"2018-06-05T09:54:08","slug":"imagebutton","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/ui\/imagebutton","title":{"rendered":"ImageButton Tutorial With Example In Android Studio"},"content":{"rendered":"

In Android, ImageButton is used to display a normal button with a custom image in a button<\/a>. In simple words we can say, ImageButton is a button with an image that can be pressed or clicked by the users. By default it looks like a normal button with the standard button background that changes the color during different button states.<\/p>\n

\"ImageButton\"<\/center>An image on the surface of a button is defined within a xml (i.e. layout ) by using src attribute or within java class by using setImageResource() method. We can also set an image or custom drawable in the background of the image button.<\/p>\n

Important Note:<\/strong><\/span> Standard button background image is displayed in the background of button whenever you create an image button. To remove that image, you can define your own background image in xml by using background attribute or in java class by using setBackground() method.<\/p>\n

Below is the code and\u00a0image which shows how custom imagebutton looks in Android:<\/strong><\/p>\n

Important\u00a0Note:<\/span>\u00a0<\/strong>ImageButton has all the properties of a normal button so you can easily perform any event like click or any other event which you can perform on a normal button.<\/p>\n

ImageButton code in XML:<\/strong><\/p>\n

<!--Make Sure To Add Image Name home in Drawable Folder-->\r\n<ImageButton\r\nandroid:id=\"@+id\/simpleImageButton\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:src=\"@drawable\/home\" \/>\r\n<\/pre>\n
\u00a0\"ImageButton<\/center><\/p>\n
\n
Attributes of ImageButton:<\/strong><\/h4>\n
Now let\u2019s we discuss some important\u00a0attributes that helps us to configure a image button in your xml file (layout).<\/p>\n
1. id:<\/strong><\/span> id is an attribute used to uniquely identify a image button. Below is the example code in which we set the id of a image button.<\/p>\n
<ImageButton\r\nandroid:id=\"@+id\/simpleImageButton\"<\/strong>\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\/><\/pre>\n
2. src:<\/strong><\/span> src is an attribute used to set a source file of image or you can say image in your image button to make your layout look attractive.<\/p>\n
Below is the example code in which we set the source of an image button.\u00a0Make sure you have saved an image in drawable folder name home before using below code.<\/p>\n
<ImageButton\r\n    android:id=\"@+id\/simpleImageButton\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:src=\"@drawable\/home\"<\/strong>\/> <!--src(source)file from drawable folder which display an imagebutton--><\/pre>\n
Setting Image Source In ImageButton Using\u00a0Java class:<\/strong><\/p>\n
We can also set the source image at run time programmatically in java class. For that we use setImageResource() function as shown in below example code.<\/p>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nImageButton simpleImageButton = (ImageButton)findViewById(R.id.simpleImageButton<\/em>);\r\nsimpleImageButton.setImageResource(R.drawable.home<\/em>); \/\/set the image programmatically\r\n<\/pre>\n
3. background:<\/strong><\/span> background attribute is used to set the background of an image button. We can set a color or a drawable in the background of a Button.<\/p>\n
Below is the example code in which we set the black color for the background and an home image as the source of the image button.<\/p>\n
<ImageButton\r\n    android:id=\"@+id\/simpleImageButton\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:src=\"@drawable\/home\"\r\n    android:background=\"#000\"\/><!-- black background color for image button--><\/pre>\n
\"Background<\/center>Setting Background In ImageButton Using\u00a0Java class:<\/strong><\/p>\n
Below is the example code in which we set the black background color of a image button programmatically means in java class.<\/p>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nImageButton simpleImageButton = (ImageButton) findViewById(R.id.simpleImageButton<\/em>);\r\nsimpleImageButton.setBackgroundColor(Color.BLACK<\/em>); \/\/set black background color for image button\r\n<\/pre>\n
4. padding:<\/strong><\/span> padding attribute is used to set the padding from left, right, top or bottom of the ImageButton.<\/p>\n