Pages

Subscribe:

Kamis, 27 Maret 2014

How to make Calculator on Android

Disini saya akan sedikit berbagi, cara membuat kalkulator sederhana pada android. Berikut langkah-langkahnya :
1. Buka Eclipse untuk membuat project baru dengan klik File -> New -> Android Projet. Seperti gambar      dibawah ini  : 



2. Setelah itu akan muncul jendela seperti dibawah ini untuk mengisi nama project dan pilihan versi android yang akan dibuat. 







3. Setelah klik Finish kita buka Main.xml untuk mulai coding, dan mulai design tampilan dari main langkahnya seperti dibawah ini. 



4. Dibawah ini coding (source code) untuk Main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Calculator Dito (A11.2011.05945)" />
    
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bilangan 1" />
    

    <EditText
        android:id="@+id/angka1"
        android:layout_width="48dp"
        android:layout_height="wrap_content"
        android:inputType="numberDecimal"
        android:text="              " >
</EditText>
    

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bilangan 2" />
    
    <EditText android:text="             "
            android:layout_height="wrap_content"
            android:id="@+id/angka2"
            android:layout_width="50dip"></EditText>
    
    
<TableRow android:id="@+id/tableRow"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   >
   
    <Button
        android:id="@+id/tambah"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="+" />

    <Button
        android:id="@+id/kurang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="-" />
    
    <Button
        android:id="@+id/kali"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="X" />

    <Button
        android:id="@+id/bagi"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="/" />
    
    <Button
        android:id="@+id/pangkat"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="^" />

    <Button
        android:id="@+id/akar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="v" />
</TableRow>

<Button
   android:id="@+id/reset"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="Delete" />
    
    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="HASIL" />
    
    <TextView android:text=""
                  android:layout_height="wrap_content"
                  android:id="@+id/hasil"
                  android:textStyle="bold"
                  android:textSize="20dip"
                  android:layout_width="wrap_content"></TextView>
    

</LinearLayout>



5. Setelah selesai dengan Main.xml, langkah selanjutnya adalah mulai coding pada src, berikut tampilan dan source codenya. 


package com.calculator.dito;

import java.text.DecimalFormat;

import android.app.Activity;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.os.Bundle;
import android.text.Editable;
import android.view.View;
import android.view.View.OnLongClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class CalculatorDitoActivity extends Activity {
      EditText angka1, angka2;
      TextView hasil;
      Editable isiangka1, isiangka2;
      Button rset;
      Button tmbah;
      Button krang;
      Button kli;
      Button bgi;
      Button pkt;
      Button akr;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        hasil = (TextView) findViewById(R.id.hasil);
        angka1 = (EditText) findViewById(R.id.angka1);
        angka2 = (EditText) findViewById(R.id.angka2);
        rset = (Button) findViewById(R.id.reset);
        rset.setOnClickListener((android.view.View.OnClickListener) new itung());
        tmbah = (Button) findViewById(R.id.tambah);
        tmbah.setOnClickListener((android.view.View.OnClickListener) new itung());
        krang = (Button) findViewById(R.id.kurang);
        krang.setOnClickListener((android.view.View.OnClickListener) new itung());
        bgi = (Button) findViewById(R.id.bagi);
        bgi.setOnClickListener(new itung());
        kli = (Button) findViewById(R.id.kali);
        kli.setOnClickListener(new itung());
        pkt = (Button) findViewById(R.id.pangkat);
        pkt.setOnClickListener((android.view.View.OnClickListener) new itung());
        akr = (Button) findViewById(R.id.akar);
        akr.setOnClickListener((android.view.View.OnClickListener) new itung());

 }
    private class itung implements OnClickListener, OnLongClickListener, android.view.View.OnClickListener{

        
public void onClick(View v){
               try{
              switch(v.getId()){
              case R.id.tambah:
              Double a = Double.parseDouble(angka1.getText().toString());
              Double b = Double.parseDouble(angka2.getText().toString());
              double hsl= a + b;
              DecimalFormat df = new DecimalFormat("@@##");
              hasil.setText(df.format(hsl));
              break;
              case R.id.kurang:
              Double c = Double.parseDouble(angka1.getText().toString());
              Double d= Double.parseDouble(angka2.getText().toString());
              double hsll= c - d;
              DecimalFormat dff = new DecimalFormat("@@##");
              hasil.setText(dff.format(hsll));
              break;
              case R.id.kali:
              Double e = Double.parseDouble(angka1.getText().toString());
              Double f= Double.parseDouble(angka2.getText().toString());
              double hslll= e * f;
              DecimalFormat dfff = new DecimalFormat("@@##");
              hasil.setText(dfff.format(hslll));
              break;
              case R.id.bagi:
              Double g = Double.parseDouble(angka1.getText().toString());
              Double h= Double.parseDouble(angka2.getText().toString());
              double hsllll= g / h;
              DecimalFormat dffff = new DecimalFormat("@@##");
              hasil.setText(dffff.format(hsllll));
              break;
              
              case R.id.pangkat:
                  Integer k = Integer.parseInt(angka1.getText().toString());
                  Integer j= Integer.parseInt(angka2.getText().toString());
                  int hslllll= 1;
                  for(int x=1;x<=j;x++)
                  hslllll=hslllll*k;
                 // DecimalFormat dffff = new DecimalFormat("@@##");
                  hasil.setText(hslllll+"");
                  break;
                  
              case R.id.akar:
                  float l = Float.parseFloat(angka1.getText().toString());
                  
                 
                 
                 double hsllllll=Math.sqrt(l);
                 // DecimalFormat dffff = new DecimalFormat("@@##");
                  hasil.setText(hsllllll+"");
                  break;
              
              
              
              case R.id.reset:
              angka1.setText("");
              angka2.setText("");
              hasil.setText("");
              break;
                                               
                            }
                                   }catch (Exception e){
                            }

               }

public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub
}

public boolean onLongClick(View v) {
// TODO Auto-generated method stub
return false;
}
}
}

6. Setelah selesai dengan coding, kita run project android yang telah kita buat dengan cara seperti dibawah ini


7. Setelah di run, berikut tampilan aplikasi kalkulator sederhana


  • Akar




  • Pembagian




  • Perkalian




  • Pengurangan




  • Pangkat




  • Penjumlahan



Sekian sedikit penjalasan untuk membuat kalkulator sederhana, semoga bisa bermanfaat. terima kasih 


Tidak ada komentar:

Posting Komentar