Escolar Documentos
Profissional Documentos
Cultura Documentos
Bagi yang ingin mengetahui cara pembuatannya, berikut langkah-langkah yang dilakukan :
1. Jalankan Eclipse (sebaiknya gunakan versi 3.5 Galileo)
2. Buat new Project, lalau Pilih Android Project
Pada saat project pertama kali dibuat ada 3 file penting yang langsung dibuat, yaitu
main.xml
string.xml
HitungPersegiPanjang.java
Pada saat project pertama kali dibuat ada 3 file penting yang langsung dibuat, yaitu
main.xml
string.xml
HitungPersegiPanjang.java
4. edit file main.xml
main.xml adalah digunakan untuk menggambar layout dan user interface di android, dengan menggunakan
format bahasa xml
Pada file main.xml ketikkan script dibawah ini
01 <?xml version="1.0" encoding="utf-8"?>
02 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
03 android:orientation="vertical"
04 android:layout_width="fill_parent"
05 android:layout_height="fill_parent"
06 >
07
08 <TextView
09 android:layout_width="fill_parent"
10 android:layout_height="wrap_content"
11 android:text="@string/hello"
12 />
<TextView android:text="Panjang
1
3 :" android:id="@+id/TextView01" android:layout_width="wrap_content"androi
d:layout_height="wrap_content"></TextView>
1
5
<TextView android:text="Lebar
1
6 :" android:id="@+id/TextView02" android:layout_width="wrap_content"androi
d:layout_height="wrap_content"></TextView>
<Button android:text="Hitung
1
8 Luas" android:id="@+id/btnHitung" android:layout_width="fill_parent"andro
id:layout_height="wrap_content" android:onClick="hitungLuas"></Button>
<TextView android:text="Luas
1
9 :" android:id="@+id/TextView03" android:layout_width="wrap_content"androi
d:layout_height="wrap_content" ></TextView>
21 </LinearLayout>
Pada aplikasi ini kita menggunankan LinearLayout dengan orientasi vertical, yang berarti setiap object yang kita
gambar akan disusun secara vertical (satu object satu baris).
Perhatikan bagian ini
1 <TextView
2 android:layout_width="fill_parent"
3 android:layout_height="wrap_content"
4 android:text="@string/hello"
5 />
Ini artinya TextView ini isi textnya diambil dari variable hello pada file string.xml
5. edit file string.xml
string.xml adalah sebagai pembantu dari main.xml, agar main.xml kita terlihat rapih dan tidak terlalu panjang dan
memudahkan kita dalam membacanya maka kita bisa mebuat string object pada string.xml, dari main.xml tinggal
panggil name nya saja.
Sekarang mari kita buka file string.xml. lalu ketikan kode dibawah ini
1 <?xml version="1.0" encoding="utf-8"?>
2 <resources>
5 </resources>
Coba perhatikan, disitu terlihat hello, jadi apa bila dijalankan TextView pada main.xml diatas akan menampilkan
tulisan Isi Nilai Panjang dan Lebar lalu klik Hitung Luas !.
Pada aplikasi ini kita menggunakan 3 object untuk user interfacenya yaitu TextView, EditText dan Button.
Object Fungsi
TextView sama seperti label pada SWING, yaitu untuk menampilkan
tulisan dilayar.
EditLabel sama seperti TextBox pada SWING, yaitu untuk user
menginputkan data
Button Sama seperti Button pada SWING yaiu sebagai Trigger untuk
menjalankan suatu Fungsi
6. Edit file HitungPersegiPanjang.java
HitungPersegiPanjang.java adalah pemain utama, yang akan djalankan pada saat applikasi dijalankan. Pada class
ini, kita buat untuk dapat membaca data yang diinputkan user dalam hal ini inputan panjang dan lebar, kemudan
menghitunngnya dan menampilkan hasilnya.
Sekarang Buka file HitungPersegiPanjang.java dan ketikkan kode dibawah ini
01 package com.agus;
02
03 /**
04 * Class HitungPersegiPanjang
07 * @website http://agusharyanto.net
08 */
09
10 import android.app.Activity;
11 import android.os.Bundle;
12 import android.view.View;
13 import android.widget.Button;
14 import android.widget.EditText;
15
21
22 /**
25 @Override
26 public void onCreate(Bundle savedInstanceState) {
27
28 super.onCreate(savedInstanceState);
29 setContentView(R.layout.main);
30 txtPanjang = (EditText) findViewById(R.id.txtPanjang);
34
35 }
36
37 /**
* Method untuk Menghitung Luas Persegi panjang dipanggil pada saat
38
button
41 * @param view
42 */
44 try {
45
46 int panjang =
Integer.parseInt(txtPanjang.getText().toString());
49 txtLuas.setText(String.valueOf(luas));
50 } catch (Exception e) {
51 e.printStackTrace();
52 }
53 }
54 }
Pada saat applikasi dijalankan, maka method yang pertamakali dipanggil adalah method onCreate
Perhatikan kode ini
txtPanjang = (EditText) findViewById(R.id.txtPanjang);
kode diatas digunakan agar kita bisa melakukan manipulasi terhadap object txtPanjang yang kita gambar pada
main. Xml
buka file main.xml perhatikan kode ini
<Button android:text="Hitung
1 Luas" android:id="@+id/btnHitung" android:layout_width="fill_parent"androi
d:layout_height="wrap_content" android:onClick="hitungLuas"></Button>
Ini menandakan bahwa apabila kita mengklik tombol Hitung Luas maka akan memanggil method hitungLuas
8. Run Project, Caranya klik kanan project PersegiPanjang, pilih Run As lalu pilih Run Configration. Isikan
keterangan-keteranagnnya seperti dibawah ini. Lalu klik tombol Run