Articles → ANDROID → Button Control In Android

Button Control In Android

In this article, we will discuss about button control in android.

What Is Button Control?

Button is a control that performs some action when user clicks on it.

Example

In this example, we will have a button control and on click of it, we will show a toast.

Picture showing the button control to be added in the android screen in the design mode

Click to Enlarge

Here we have button control and we have also added onClick event.

public void ClickEvent(View view) {
    Toast.makeText(this, "Button Clicked", Toast.LENGTH_LONG).show();
}

Click Event Using Setonclicklistener

You can also define click event using setOnClickListener

Button button = (Button) findViewById(R.id.Button);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Toast.makeText(EditTextDemo.this, "Button Clicked", Toast.LENGTH_LONG).show();
    }
});

There is one more way by which you can implement click event.

public class EditTextDemo extends AppCompatActivity implements View.OnClickListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edit_text_demo);
        Button button = (Button) findViewById(R.id.button);
        button.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        Toast.makeText(this, "Button Clicked", Toast.LENGTH_LONG).show();
    }
}

Output

Click to Enlarge

Imagebutton In Android

Android provides ImageButton that works like a normal button but you can add a custom image in the button.

Once you drag and drop an imagebutton, a popup window will appear to select the image.

Picture showing the resource window when the image button is dragged and dropped on the design mode

Click to Enlarge

Once you select the image and click on Ok, image button is added in component tree section of android studio.

Picture showing the image button in the component tree

Click to Enlarge

Here is the output of image button

Picture showing the output of the image button on the android screen

Click to Enlarge

Setting Both Image And Text On The Button

Android provides some attributes by which you can specify the image as well as text.

Attribute	Description
android:drawableBottom	The image to be drawn below the text.
android:drawableEnd	The image to be drawn to the end the text.
android:drawableLeft	The image to be drawn to the left the text.
android:drawableRight	The image to be drawn to the right the text.
android:drawableStart	The image to be drawn to the start of the text.

Posted By -	Karan Gupta

Posted On -	Wednesday, November 20, 2019

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**