AdSense

AdSense3

Monday 20 July 2015

Android Button Example

android button
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. }  

Output:

android button example output 1 android button example output 2

No comments:

Post a Comment