ANDROID 3: MEMBUAT APLIKASI KALKULATOR SEDERHANA DI ANDROID

Sabtu, 28 April 2012

Sebelum memulai tutorial ini, pastikan Android SDK dan Eclipse telah terinstall. Lihat pada tutorial Android 1 dan Android 2 untuk panduan Instalasi.

Pertama-tama buka eclipse anda dan create new Android Project. Beri nama sembarang, dan untuk package, pastikan pemberian namanya adalah (terserah).(terserah).(terserah). contoh proyek.kalkulator.astandri.

Kemudian masuk ke folder res, layout, buka main.xml, kemudian desain bentuk seperti gambar berikut. (kilk untuk memperbesar)

gambar 3.1
Pastikan nama variabel-nya sesuai :

  • I1 = EditText pertama
  • I2 = EditText kedua
  • jumlah = TextView Hasil paling bawah
  • RTambah = Button Tambah
  • RKurang = Button Kurang
  • RKali = Button Kali
  • RBagi = Button Bagi
Atau kalau anda tidak mau repot, masukkan saja kode berikut pada code view-nya



<linearlayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android">

<textview android:gravity="center" android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="Kalkulator">
<textview android:id="@+id/TextView01" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Nilai Pertama">

</textview>
<edittext android:id="@+id/I1" android:layout_height="wrap_content" android:layout_width="fill_parent" android:numeric="integer">


</edittext>
<textview android:id="@+id/TextView02" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Nilai Kedua">

</textview>


<edittext android:id="@+id/I2" android:layout_height="wrap_content" android:layout_width="fill_parent" android:numeric="integer">

</edittext>
<button android:id="@+id/RTambah" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Tambah (+)">


</button>
<button android:id="@+id/RKurang" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Kurang (-)">

</button>
<button android:id="@+id/RKali" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Kali (x)">

</button>
<button android:id="@+id/RBagi" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Bagi (:)">

</button>
<textview android:id="@+id/TextView03" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Hasil">

</textview>
<textview android:gravity="center" android:id="@+id/hasil" android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="Hasil">
</textview></textview></linearlayout>

Setelah itu, masuk ke project Java anda, masukkan code berikut ini:



import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class NamaClassAnda extends Activity implements OnClickListener {
/** Called when the activity is first created. */
EditText I1, I2, I3;
Button RTambah, RKurang, RKali, RBagi;
TextView jumlah;

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

I1 = (EditText)findViewById(R.id.I1);
I2 = (EditText)findViewById(R.id.I2);
jumlah = (TextView) findViewById(R.id.hasil);

RTambah = (Button)findViewById(R.id.RTambah);
RKurang = (Button)findViewById(R.id.RKurang);
RKali = (Button)findViewById(R.id.RKali);
RBagi = (Button)findViewById(R.id.RBagi);

RTambah.setOnClickListener(this);
RKurang.setOnClickListener(this);
RKali.setOnClickListener(this);
RBagi.setOnClickListener(this);
}

public void onClick(View v) {
// TODO Auto-generated method stub
int nilai1 = Integer.parseInt(I1.getText().toString());
int nilai2 = Integer.parseInt(I2.getText().toString());
switch (v.getId()) {
case R.id.RTambah:
jumlah.setText(Integer.toString(nilai1+nilai2));
break;
case R.id.RKurang:
jumlah.setText(Integer.toString(nilai1-nilai2));
break;
case R.id.RKali:
jumlah.setText(Integer.toString(nilai1*nilai2));
break;
case R.id.RBagi:
jumlah.setText(Integer.toString(nilai1/nilai2));
break;
default:
break;
}
}
}

cobalah untuk menjalankan program dengan cara Run as Android Application. (Pastikan Emulator anda sudah menyala).
Sekian dulu tutorial Android 3 ini. Apabila ada pertanyaan silahkan comment dibawah.
Apabila anda merasa kesulitan, bisa download project yang telah saya buat di link berikut untuk anda explore.
download

sampai jumpa di tutorial Android 4.

^___^

5 komentar:

Hery Agus Susanto mengatakan...

mau tanya ... apa kamu pux program yg isinya javax.bluetooth.*; ... bls ke no ini ya 085852879404 maksih

ASTANDRI K. mengatakan...

wah belum ada nih...

Unknown mengatakan...

berhasil ga ya ??

Unknown mengatakan...

kenapa ketika saya run tampilan kalkulatornya tidak muncul. apa penyebabnya.tolong sarannya

Unknown mengatakan...

kok punya saya eror ya?

Posting Komentar