Aplikasi Android menghitung Luas Persegi Panjang dengan Android Studio

Pembuka

Aplikasi Android menghitung Luas Persegi Panjang ini dibuat untuk belajar android dari dasar. Awalilah dari membuat aplikasi sederhana untuk menjadi developer hebat. Konsep dalam pembuatan aplikasi ini adalah menghitung dua variable dalam bentuk Double yang kemudian akan di kalikan (panjang x lebar) sesuai dengan rumus Luas Persegi Panjang.

Untuk pembuatan aplikasi sederhana ini saya menggunakan Android Studio Android Studio 2.1.2) dan Emulatornya saya menggunakan Genymotion.

Referensi

Android Application Development Guide (http://developer.android.com/guide/index.html)
Android Application Development Training (http://developer.android.com/training/index.html)
Buku : Professional Android 4 Application Development by Reto Meier (PA4AD)
https://www.dicoding.com/academies/2/tutorials/1

1. Buka Android Studio
2. Create New Project, dengan nama HitungLuas
3. Tambahkan dependencies di Gradle Scripts->build.gradle(Module:app)

di tahap ketiga ini hanyalah optional, anda bisa menggunakn EditText biasa.

    dependencies{
    .....
    .....

    compile 'com.android.support:design:24.0.0'

}

4. masukan kode dibawah ini ke MainAcivity.java

package com.syamms.hitungluas;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;


public class MainActivity extends AppCompatActivity {

    EditText number1, number2;
    Button btnHitung;
    TextView txtHasil;
    Double panjang, lebar, luas;
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

       initial();

    }

    public  void initial(){
        number1 = (EditText)findViewById(R.id.numb1);
        number2 = (EditText)findViewById(R.id.numb2);
        btnHitung = (Button)findViewById(R.id.btnHitung);
        txtHasil = (TextView)findViewById(R.id.textView);
        getSupportActionBar().setTitle("Hitung Luas Persegi Panjang");
    }
    public void hitung(View view){

        try {
            panjang = Double.parseDouble(number1.getText().toString());
            lebar = Double.parseDouble(number2.getText().toString());
            luas = panjang * lebar;
            txtHasil.setText(String.valueOf("Luas = " +luas));

        }catch (Exception e){
            //jika salah satu atau semua kolom tidak terisi

            Toast.makeText(MainActivity.this, "Masukan Semua nomor yang akan di hitung",
                    Toast.LENGTH_LONG).show();
            txtHasil.setText("Luas = ");
        }
    }

}

5. Ubah activity_min.xlm menjadi kode dibawah ini

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout

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

xmlns:app="http://schemas.android.com/apk/res-auto"

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:fitsSystemWindows="true"

tools:context="com.syamms.hitungluas.MainActivity">

    <LinearLayout

      android:layout_width="match_parent"

      android:layout_height="match_parent"

      android:gravity="center"

      android:orientation="vertical"

      android:padding="@dimen/activity_horizontal_margin"

      android:weightSum="1">


    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <EditText

           android:id="@+id/numb1"

           android:textSize="30dp"

           android:layout_width="match_parent"

           android:layout_height="wrap_content"

           android:layout_marginBottom="10dp"

           android:hint="@string/hint_number1"

           android:inputType="number"

           android:textColor="@android:color/background_dark"

           android:textColorHint="@android:color/white" />
    </android.support.design.widget.TextInputLayout>


    <android.support.design.widget.TextInputLayout

         android:layout_width="match_parent"

         android:layout_height="wrap_content">

        <EditText

          android:id="@+id/numb2"

          android:textSize="30dp"

          android:layout_width="match_parent"

          android:layout_height="wrap_content"

          android:layout_marginBottom="10dp"

          android:hint="@string/hint_number2"

          android:inputType="number"

          android:textColor="@android:color/background_dark"

          android:textColorHint="@android:color/white" />
    </android.support.design.widget.TextInputLayout>


        <Button

          android:layout_width="match_parent"

          android:textSize="40dp"

          android:onClick="hitung"

          android:id="@+id/btnHitung"

          android:layout_height="wrap_content"

          android:text="Hitung"/>

    <TextView

      android:layout_width="match_parent"

      android:layout_height="wrap_content"

      android:id="@+id/textView"

      android:layout_gravity="left"

      android:layout_marginTop="30dp"

      android:textSize="30dp"

      android:layout_centerVertical="true"

      android:layout_weight="0.05" />
    </LinearLayout>
</android.support.design.widget.CoordinatorLayout>

6. Kemudian Run 'app' tunggu beberapa menit. kalau tidak ada error maka hasilnya seperti dibawah ini.

Selamat Mencoba...

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.