fastread homefastrread library fastread menu

Android : Button Example

Tutorial by:      Date: 2016-05-10 04:57:10

❰ Previous Next ❱

Android Button represents a push-button. The android.widget.Button is subclass of TextView class and CompoundButton is the subclass of Button class.

There are different types of buttons in android such as RadioButton, ToggleButton, CompoundButton etc.

Here, we are going to create two textfields and one button for sum of two numbers. If user clicks button, sum of two input values is displayed on the Toast.

Drag the component or write the code for UI in activity_main.xml

First of all, drag 2 textfields from the Text Fields palette and one button from the Form Widgets palette as shown in the following figure.

android button example

The generated code for the ui components will be like this:

File: activity_main.xml
 
  1. <RelativeLayout xmlns:androclass="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     tools:context=".MainActivity" >  
  6.   
  7.     <EditText  
  8.         android:id="@+id/editText1"  
  9.         android:layout_width="wrap_content"  
  10.         android:layout_height="wrap_content"  
  11.         android:layout_alignParentTop="true"  
  12.         android:layout_centerHorizontal="true"  
  13.         android:layout_marginTop="24dp"  
  14.         android:ems="10" />  
  15.   
  16.     <EditText  
  17.         android:id="@+id/editText2"  
  18.         android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content"  
  20.         android:layout_alignLeft="@+id/editText1"  
  21.         android:layout_below="@+id/editText1"  
  22.         android:layout_marginTop="34dp"  
  23.         android:ems="10" >  
  24.   
  25.         <requestFocus />  
  26.     </EditText>  
  27.   
  28.     <Button  
  29.         android:id="@+id/button1"  
  30.         android:layout_width="wrap_content"  
  31.         android:layout_height="wrap_content"  
  32.         android:layout_centerHorizontal="true"  
  33.         android:layout_centerVertical="true"  
  34.         android:text="@string/Button" />  
  35.   
  36. </RelativeLayout>  

Activity class

Now write the code to display the sum of two numbers.

File: MainActivity.java
 
  1. package com.example.sumof2numbers;  
  2.   
  3. import android.os.Bundle;  
  4. import android.app.Activity;  
  5. import android.view.Menu;  
  6. import android.view.View;  
  7. import android.view.View.OnClickListener;  
  8. import android.widget.Button;  
  9. import android.widget.EditText;  
  10. import android.widget.Toast;  
  11.   
  12. public class MainActivity extends Activity {  
  13.     private EditText edittext1,edittext2;  
  14.     private Button buttonSum;  
  15.     @Override  
  16.     protected void onCreate(Bundle savedInstanceState) {  
  17.         super.onCreate(savedInstanceState);  
  18.         setContentView(R.layout.activity_main);  
  19.           
  20.         addListenerOnButton();  
  21.           
  22.     }  
  23.     public void addListenerOnButton(){  
  24.         edittext1=(EditText)findViewById(R.id.editText1);  
  25.         edittext2=(EditText)findViewById(R.id.editText2);  
  26.         buttonSum=(Button)findViewById(R.id.button1);  
  27.           
  28.         buttonSum.setOnClickListener(new OnClickListener(){  
  29.   
  30.             @Override  
  31.             public void onClick(View view) {  
  32.                 String value1=edittext1.getText().toString();  
  33.                 String value2=edittext2.getText().toString();  
  34.                 int a=Integer.parseInt(value1);  
  35.                 int b=Integer.parseInt(value2);  
  36.                 int sum=a+b;  
  37.     Toast.makeText(getApplicationContext(),String.valueOf(sum),Toast.LENGTH_LONG).show();  
  38.             }  
  39.               
  40.         });  
  41.           
  42.     }  
  43.     @Override  
  44.     public boolean onCreateOptionsMenu(Menu menu) {  
  45.         // Inflate the menu; this adds items to the action bar if it is present.  
  46.         getMenuInflater().inflate(R.menu.activity_main, menu);  
  47.         return true;  
  48.     }  
  49.   
  50. }  

It is developed by adt bundle on android 4.2 using minimum sdk 8 and target sdk 16.


Output:

android button example output 1 android button example output 2

❰ Previous Next ❱