Cara Membuat Aplikasi Kalkulator di Android Studio

 

Sebelum masuk ke tutorial-nya  alangkah baiknya kita mengetahui apa sih itu android studio? Android Studio adalah Integrated Development Environment (IDE) resmi untuk pengembangan aplikasi Android, yang didasarkan pada IntelliJ IDEA. 

Setelah mengetahui apa itu android studio, mari kita lanjut ke tutorial-nya:

Siapkan terlebih dahulu aplikasi android studio kemudian beri nama kalkulator kemudian pilih yang empety lalu ok tunggu hingga muncul gambar seperti di bawah ini. jangan lupa pilih Java di bagian bahasa pemrograman .

kemudian pilih activity_main.xml masukan scrip di bawah ini : 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:orientation="vertical"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/tvKalkulator"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Kalkulator"
            android:gravity="center"
            android:textSize="28sp"
            android:textStyle="bold"
            android:layout_marginTop="30dp"/>

        <TextView
            android:id="@+id/tvNilaia"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tvKalkulator"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="30dp"
            android:gravity="center"
            android:text="Angka Pertama :"
            android:textSize="25sp"/>

        <TextView
            android:id="@+id/tvNilaib"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Angka Kedua :"
            android:gravity="center"
            android:textSize="25sp"
            android:layout_below="@+id/tvNilaia"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="30dp"/>

        <EditText
            android:id="@+id/etNilaia"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tvKalkulator"
            android:layout_marginTop="20dp"
            android:layout_marginRight="20dp"
            android:layout_toEndOf="@+id/tvNilaia"
            android:hint="Masukkan Angka!"
            android:inputType="number"
            android:layout_toRightOf="@+id/tvNilaia" />

        <EditText
            android:id="@+id/etNilaib"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/etNilaia"
            android:layout_marginTop="20dp"
            android:layout_marginRight="20dp"
            android:layout_toEndOf="@+id/tvNilaia"
            android:hint="Masukkan Angka!"
            android:inputType="number"
            android:layout_toRightOf="@+id/tvNilaia" />

        <RadioGroup
            android:id="@+id/rgOperasi"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tvNilaib"
            android:layout_marginTop="20dp"
            android:layout_marginLeft="10dp">

            <RadioButton
                android:id="@+id/rbTambah"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="+"
                android:textSize="25sp" />

            <RadioButton
                android:id="@+id/rbKurang"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="-"
                android:textSize="25sp" />

            <RadioButton
                android:id="@+id/rbKali"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="x"
                android:textSize="25sp" />

            <RadioButton
                android:id="@+id/rbBagi"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="/"
                android:textSize="25sp" />

        </RadioGroup>

        <Button
            android:id="@+id/btn_hitung"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/rgOperasi"
            android:layout_marginStart="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginEnd="10dp"
            android:layout_marginBottom="10dp"
            android:text="MENGHITUNG"
            android:textSize="25sp" />

        <TextView
            android:id="@+id/tvhasil"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hasil :"
            android:textSize="25sp"
            android:layout_below="@+id/btn_hitung"
            android:layout_margin="10dp"/>

        <TextView
            android:id="@+id/tvhsl_hitung"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/btn_hitung"
            android:layout_marginStart="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginEnd="10dp"
            android:layout_marginBottom="10dp"
            android:layout_toEndOf="@+id/tvhasil"
            android:text="0"
            android:textSize="25sp"
            android:layout_toRightOf="@+id/tvhasil" />

    </RelativeLayout>

Kemudian pilih yang MainActivity.java lalu copy scrip di bawah ini: 

package techpedia04.my.kalkulator;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.TextView;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private EditText etNilaia, etNilaib;
    private TextView tvhsl_hitung;
    private Button btn_hitung;
    private RadioButton rbTambah, rbKurang, rbKali, rbBagi;

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

        etNilaia = findViewById(R.id.etNilaia);
        etNilaib = findViewById(R.id.etNilaib);
        tvhsl_hitung= findViewById(R.id.tvhsl_hitung);
        btn_hitung= findViewById(R.id.btn_hitung);
        rbTambah= findViewById(R.id.rbTambah);
        rbKurang= findViewById(R.id.rbKurang);
        rbKali= findViewById(R.id.rbKali);
        rbBagi= findViewById(R.id.rbBagi);

        btn_hitung.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                if(etNilaia.getText().toString().isEmpty()){
                    Toast.makeText(MainActivity.this, "Angka belum ter isi!",Toast.LENGTH_SHORT).show();
                }else if(etNilaib.getText().toString().isEmpty()){
                    Toast.makeText(MainActivity.this, "Angka belum ter isi!",Toast.LENGTH_SHORT).show();
                }else{
                    double NilaiA = Double.valueOf(etNilaia.getText().toString());
                    double NilaiB = Double.valueOf(etNilaib.getText().toString());
                    double Hasil;

                    if(rbTambah.isChecked()){
                        Hasil = NilaiA + NilaiB;
                        tvhsl_hitung.setText(String.valueOf(Hasil));
                    }else if(rbKurang.isChecked()){
                        Hasil = NilaiA - NilaiB;
                        tvhsl_hitung.setText(String.valueOf(Hasil));
                    }else if(rbKali.isChecked()){
                        Hasil = NilaiA * NilaiB;
                        tvhsl_hitung.setText(String.valueOf(Hasil));
                    }else if(rbBagi.isChecked()){
                        Hasil = NilaiA / NilaiB;
                        tvhsl_hitung.setText(String.valueOf(Hasil));
                    }else{
                        Toast.makeText(MainActivity.this, "Silahkan Pilih Operatornya Terlebih Dahulu!!",Toast.LENGTH_SHORT).show();
                    }

                }
            }
        });
    }
}

Maka tampilanya seperti di bawah ini :

Apabila sudah kemudian build script tadi ke dalam format APK dengan cara seperti di bawah ini: 

Tunggu hingga proses pembuatan selesai maka akan keluar pop up di bawah kanan seperti tampilan di bawah ini.

Lalu klik bagian locate maka akan di arahkan ke folder dimana file APK tersebut berada.

Copy file app-debug ke android anda lalu instal, apabila sudah terinstal tampilan aplikasi akan muncul seperti di bawah ini.

Sekian tutorial Cara Membuat Apliasi Kalkulator di Android Studio, semoga dapat membantu anda dalam membuat tugas, see you next content.

Dedy Priyanto

Freelancer

Bagikan Artikel ini