Tutorial Membuat Kalkulator Sederhana

Selamat Siang Pencinta Android..

Pada Tutorial kali ini saya akan berbagi mengenai pembuatan Aplikasi Pembuatan Kalkultor, Yang hanya bisa untuk menambah, mengurang, membagi dan mengkali dari 2 bilangan, mungkin dari tutorial kali ini kita semua bisa lebih mengembangkan kalkultor ini.


Langsung saja kita mulai
1.Buat Project Seperti gambar dibawah ini :

2. Masuk ke Main.xml yang terdapat di Layout>main.xml

3. Ubah Souce code di Main.xml menjadi seperi gambar dibawah ini :

4. Setelah itu rubah di KalkulatorSederhana.java. seperti gambar dibawah ini :

5. Run Programnya.. Tampilannya akan tampil sebagai berikut :

Selamat Mencoba..


Mungkin dari teman-teman masih bngung dengan tuorial singkat saya mengenai codingnya. saya akan mencoba mnegngupasnya 1 per 1..


kita mulai dari Layout->main.xml
1. karenaang akan kita buat adalah membuat 2 widget EditText sebagai inputan angka integer, 4 Button untuk tombol +, -, *, / dan satu TextView untuk menampilkan hasil perhitungan. maka ada coding seperti ini di main.xml :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <EditText
    android:id="@+id/input1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:numeric="integer"
    android:text="0"
    />
    <EditText
    android:id="@+id/input2"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:numeric="integer"
    android:text="0"
    />
         <LinearLayout
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         >
         <Button
         android:id="@+id/tambah"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="+"
         ></Button>
         <Button
         android:id="@+id/kurang"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="-"
         ></Button>
         <Button
         android:id="@+id/kali"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="*"
         ></Button>
         <Button
         android:id="@+id/bagi"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="/"
         ></Button>
       
         </LinearLayout>
   <TextView 
   android:id="@+id/hasil"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="Hasil"
    />
      <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="250px"
    android:gravity="center"
    android:text="diskusiAndroid.com"
    /         
</LinearLayout>

2. Selanjutnya yang dilakukan adalah membuat variabel dari setiap widget yang telah kita buat yaitu Button, EditText dan Textview. Buat variabel itu seperti kode berikut:

EditText input1,input2;   Button tambah, kurang, kali, bagi;   TextView hasil;      @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);                input1 = (EditText) findViewById(R.id.input1);        input2 = (EditText) findViewById(R.id.input2);        hasil = (TextView) findViewById(R.id.hasil);        tambah = (Button) findViewById(R.id.tambah);        kurang = (Button) findViewById(R.id.kurang);        kali = (Button) findViewById(R.id.kali);        bagi = (Button) findViewById(R.id.bagi);

3. Karena aplikasi akan berfungsi jika kita mengklik tombol +,-,*,/ maka setiap widget Button harus di setOnClickListener. Seperti coding dibawah ini :

        tambah.setOnClickListener(this);
        kurang.setOnClickListener(this);
        kali.setOnClickListener(this);
        bagi.setOnClickListener(this);

4. Setelah menambahkan setOnClickListener jangan lupa untuk implementasi OnClickListener.

public class Main extends Activity implements OnClickListener {

5. Lalu buat fungsi onClick agar tombol dapat diklik. Seperti coding dibawah ini :

public void onClick(View v) {      // TODO Auto-generated method stub      int satu = Integer.parseInt(input1.getText().toString());      int dua = Integer.parseInt(input2.getText().toString());         switch(v.getId()){         case R.id.tambah:            hasil.setText(Integer.toString(satu+dua));            break;         case R.id.kurang:            hasil.setText(Integer.toString(satu-dua));            break;         case R.id.kali:            hasil.setText(Integer.toString(satu*dua));            break;         case R.id.bagi:            hasil.setText(Double.toString(satu/dua));            break;         }        }

Pada kode diatas kita buat dulu variabel integer satu dan dua. Karena inputan dari EditText berupa String jadi harus di konversi ke Integer dengan parseInt. Gunakan switch untuk mengatur tombol mana saja yang akan diklik sesuai tombol +,-,*,/. Sebelum menampilkan hasil dari kalkulasi, harus mengubah kembali hasil dari kalkulasi yang berupa integer ke String dengan cara toString();.

Hanya itu yang bisa saya paparkan, untuk lebih lanjut silahkan di coba sendiri. Terima kasih