Menghitung Volume Kubus Menggunakan OnClickListener - Pemrograman Android

Berhubung workshop android sudah dilakukan nah, untuk berikutnya saya akan membahas beberapa dan banyak contoh program android yang dasar. Khususnya perhitungan perhitungan sederhana. Tujuannya mengenal IDE Android serta bahasa Java nya.

Silahkan membuat project baru dengan cara : Ctrl+N, pilih Android Application Project dan silahkan isi seperti gambar dibawah ini :

Rubah sesuai dengan tampilan diatas.
Click NEXT

 Click NEXT

 Click NEXT

 Click NEXT

Rubah Activity Name dan Layout Name

Click FINISH, dan tampilannya akan nampak seperti berikut ini .

Untuk menjalankan program Android menghitung Volume Kubus, lihat gambar dibawah ini :
Click Kanan Hitung Volume Kubus | Run As | Android Application

Hasilnya seperti berikut ini :



















Nah berikutnya kita akan memodifikasi program XML pada Layout. Click activity_hitung_volume_kubus.xml

Program akan terlihat seperti berikut ini :

<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"
    tools:context=".HItungVolumeKubus" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/hello_world" />

</RelativeLayout>

Hapus program tersebut : Ctrl+A  tekan DEL, sehingga layout menjadi KOSONG. seperti gambar berikut : Click Graphical Layout

 Tampilan Graphical Layout kosong, kemudian tambahkan LinearLayout dengan cara, CLICK dan TAHAN LinearLayout, DRAG ke arah yang kosong di tengah tampilan diatas tersebut, sehingga menjadi seperti gambar berikut ini.

Kemudian kita lanjutkan untuk menambah UI yang lain, TextView, EditText dan Button, ikutin arahan gambar di bawah ini : (jika tampilan terlalu kecil click ZOOM + seperti di gambar atas tersebut dan tampilan akan menjadi besar)

 Click Form Widgets, Click dan Drag TextView ke Layout, sehingga muncul TextView1

 Click Text Fields, Click PlainText atau EditText (abc) dan Drag ke bawah TextView1

 Click Form Widgets, Click dan Drag Button ke bawah EditText

Click dan Drag TextView ke bawah Button

 Terakhir Click dan Drag EditText ke bawah TextView

 Kemudian click activiry_hitung_volume_kubus.xml, dan lihat xml akan menjadi seperti dibawah ini :
<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/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10" />

</LinearLayout>

Pada XML diatas, yang perlu di rubah yaitu, ID dari EditText, begitu juga untuk Buttonnya yang dirubah ID dan TEXT, sedangkan TextView yang dirubah hanya Text nya saja, seperti berikut :

<TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

yang dirubah : android:text="TextView"    --> menjadi android:text="Sisi Kubus", untuk ID nggak perlu dirubah.

untuk EditText:

<EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10" >

yang dirubah android:id="@+id/editText1" dirubah  android:id="@+id/esisi", ID menjadi esisi. NOTES, untuk @+id JANGAN ANDA HAPUS, karna itu menunjukkan ID ke R.java


Untuk Button seperti berikut :
<Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

yang dirubah android:id="@+id/button1" menjadi android:id="@+id/btnhitung"
yang dirubah android:text="Button" menjadi android:text="Hitung Volume".

sooo, jangan lupa ID dan Text nya yaa.

Kemudian lihat dari program xml yang sudah dirubah ID dan Text nya, seperti berikut ini :

<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/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Sisi Kubus" />

    <EditText
        android:id="@+id/esisi"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/btnhitung"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hitung Volume" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Volume Kubus" />

    <EditText
        android:id="@+id/evolume"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10" />

</LinearLayout>

Yang perlu dirubah yang tulisan BOLD saja.

dan kemudian lihat layout activiry_hitung_volume_kubus.xml.

 Jalankan program tersebut.

Berikutnya kita akan memodifikasi file javanya : HitungVolumeKubus.java, lokasi file tersebut berada di src, seperti gambar dibawah ini :

Double click file HitungVolumeKubus.java, sehingga akan nampak progam seperti berikut ini :
Program HitungVolumeKubus.java

package com.example.hitungvolkubus;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class HItungVolumeKubus extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hitung_volume_kubus);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_hitung_volume_kubus, menu);
        return true;
    }

}

Modifikasi seperti berikut ini :

package com.example.hitungvolkubus;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;
import android.widget.Button;
public class HItungVolumeKubus extends Activity implements OnClickListener{
    private Button bHitung ;
    private EditText eSisi, eVolume ;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hitung_volume_kubus);
        eSisi = (EditText) findViewById(R.id.esisi) ;
        eVolume = (EditText) findViewById(R.id.evolume) ;
        bHitung = (Button) findViewById(R.id.btnhitung) ;
        bHitung.setOnClickListener(this);
    }


    public void onClick(View v){
        try{
            int sisi= Integer.parseInt(eSisi.getText().toString()) ;
            double luas = sisi * sisi * sisi ;
           
            eVolume.setText(String.valueOf(luas)) ;
        }catch (Exception e) {
            e.printStackTrace() ;
        }
    }
}

yang ditambah yang tulisan tebal.  Yang perlu diingat program Java ini Case Sensitive, huruf besar atau kecil berpengaruh.

Apabila selesai memodifikasi program HitungVolumeKubus.java, dan tak ada error, maka coba jalan dan hasilnya seperti berikut ini.

Silahkan download program android menghitung Volume Kubus Menggunakan OnClickListener berikut ini : file program android OnCLickListener.