TUTORIAL MEMBUAT CALCULATOR PADA ANDROID ~ Pemrograman Mobile

· Buka Java-ADT buat project baru dengan klik file – new – android application project, seperti gambar di bawah ini :

· Akan muncul jendela New Android Application, klik Next seperti gambar di bawah ini :

· Setelah di klik Next akan muncul jendela lagi, di klik next lagi sampai muncul jendela yang terakhir yaitu Blank Activity lalu Finish. Seperti gambar di bawah ini :

· Kemudian muncul lembar project yang akan dibuat, pertama pada Pallete Text Fields ada number yang bertuliskan angka 42 drag angka tersebut ke dalam lembar project dua kali karena untuk memasukkan angka yang akan dihitung, lalu kita juga menambahkan button 2 yang tersedia pada pallete form widgets untuk “hitung” dan “reset” dan yang terakhir kita menambahkan textview untuk hasil perhitungannya. Sehingga tampilannya seperti di bawah ini :

· Langkah berikutnya memberikan id pada masing-masing button, text view, dan number caranya klik kanan pada button/ textview/number – pilih edit id – pada jendela Rename Resource isi New name misalkan “bilangan2” jika pada button isikan dengan “hitung” dan “reset” pada number yang kedua “bilangan1” dan pada textview “hasil”.

· Kemudian pada button hitung kita juga akan mengubah nama button nya dengan cara klik kanan pada button pilih Edit Text lalu akan muncul jendela Resource Chooser pilih new string isikan dengan “hitung”, lalu Ok.

· Tuliskan source code di bawah ini pada activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context=".MainActivity" >

<Button

android:id="@+id/hitung"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/bilangan2"

android:layout_below="@+id/bilangan2"

android:layout_marginTop="52dp"

android:text="@string/txthitung" />

<Button

android:id="@+id/reset"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBaseline="@+id/hitung"

android:layout_alignBottom="@+id/hitung"

android:layout_alignRight="@+id/isiangka2"

android:text="@string/txtreset" />

<EditText

android:id="@+id/bilangan1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true"

android:layout_marginTop="65dp"

android:ems="10"

android:inputType="number" />

<EditText

android:id="@+id/bilangan2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/bilangan1"

android:layout_below="@+id/bilangan1"

android:layout_marginTop="30dp"

android:ems="10"

android:inputType="numberDecimal" />

<TextView

android:id="@+id/hasil"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/hitung"

android:layout_below="@+id/hitung"

android:layout_marginTop="68dp"

android:text="TextView" />

</RelativeLayout>

· Pada nama project yang kita buat di bawahnya terdapat folder src buka folder tersebut akan muncul folder lagi yang isinya MainActivity.java klik dua kali ketikkan Source code di bawah ini:

package semangat.example.calculator;

import java.text.DecimalFormat;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

public class MainActivity extends Activity {

EditText bilangan1, bilangan2;

TextView hasil;

Button reset;

Button hitung;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

hasil = (TextView) findViewById(R.id.hasil);

bilangan1 = (EditText) findViewById(R.id.bilangan1);

bilangan2 = (EditText) findViewById(R.id.bilangan2);

reset = (Button) findViewById(R.id.reset);

hitung = (Button) findViewById(R.id.hitung);

hitung.setOnClickListener(new itung());

}

private class itung implements OnClickListener {

public void onClick(View v){

try {

double h = Double.parseDouble(bilangan1.getText().toString());

double d = Double.parseDouble(bilangan2.getText().toString());

double hsl = h+d;

DecimalFormat df = new DecimalFormat("@@##");

hasil.setText(df.format(hsl));

}

catch (Exception e){}

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

· Setelah langkah-langkah di atas sudah dilakukan dengan benar dan tidak ada yang tertinggal, save all terlebih dahulu project yang telag di buat.

· Tapi sebelum langkah yang terakhir buat emulatornya terlebih dahulu, caranya klik icon handphone yang kecil di bawah menu navigate yaitu Android Virtual Device Manager – New – pada create new adroid device manager ketikkan nama AVD contoh “endah” pilih device nya, lalu Ok. Lihat gambar di bawah ini :