Membuat Kalkulator Sederhana di Android Studio

Membuat Kalkulator Sederhana di Android Studio

Kalkulator memiliki peranan sangat penting dalam kehidupan kita sehari-hari. Pada umunya fungsi dari kalkulator adalah untuk membantu kita dalam menjumlahkan bilangan atau angka-angka yang ada di kehidupan sehari hari. Contohnya saat kita berdagang, kalkulator sangatlah penting sebab dengan kalkulator kita bisa dengan cepat mendapatkan hasil dari penjumlahan harga dari penjualanan. 

Dan pada kali ini kita akan membahas tentang bagaimana cara membuat kalkulator itu sendiri di android studio. Sebenarnya membuat program ini tidak terlalu sulit, hanya saja kita harus paham terlebih dahulu logika dari kalkulator ini. Sederhananya, bila user menginputkan nilai bilangan 1 dan menginputkan bilangan 2, lalu user menekan tombol tambah, maka system akan melakukan pengkalian dari bilangan 1 dan bilangan 2, dan hasilnya akan ditampilkan di bagian hasil.

Membuat kalkulator sederhana

Baiklah kita langsung saja masuk ke tahap pengkodingan biar lebih cepat mengertinya. Pertama silahkan buat terlebih dahulu project di Android Studio dengan nama calculator. Lalu buatlah mainActivity nya. Setelah itu silahkan desain halaman activity_main.xml dengan 5 button dan 3 edit text seperti berikut ini.

Untuk lebih mudahnya silahkan masukkan kodingnya seperti berikut ini di activity_main.xml kalian.

<?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:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="65dp"
        android:text="KALKULATOR SEDERHANA"
        android:textAppearance="@style/TextAppearance.AppCompat.Title" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Nilai 1 : "
        android:layout_marginLeft="10dp"
        android:layout_marginTop="50dp"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Nilai 2 : "
        android:layout_marginLeft="10dp"
        android:layout_marginTop="50dp"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hasil : "
        android:layout_marginLeft="10dp"
        android:layout_marginTop="50dp"/>
    <EditText
        android:id="@+id/txt1"
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="70dp"
        android:layout_marginTop="-175dp" />
    <EditText
        android:id="@+id/txt2"
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="70dp"
        android:layout_marginTop="0dp" />
    <EditText
        android:id="@+id/txtHasil"
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="70dp"
        android:layout_marginTop="0dp"
        android:enabled="false"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnKali"
        android:text="Kali"
        android:onClick="kali"
        android:layout_marginLeft="10dp"
        android:layout_marginBottom="0dp"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnBagi"
        android:text="Bagi"
        android:onClick="bagi"
        android:layout_marginLeft="100dp"
        android:layout_marginTop="-49dp"
        android:layout_marginBottom="0dp"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnTambah"
        android:text="Tambah"
        android:onClick="tambah"
        android:layout_marginLeft="190dp"
        android:layout_marginTop="-48dp"
        android:layout_marginBottom="0dp"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnKurang"
        android:text="Kurang"
        android:onClick="kurang"
        android:layout_marginLeft="10dp"
        android:layout_marginBottom="0dp"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnSisaBagi"
        android:text="Sisa Bagi"
        android:onClick="sisabagi"
        android:layout_marginLeft="100dp"
        android:layout_marginTop="-49dp"
        android:layout_marginBottom="0dp"/>
</LinearLayout>

Membuat konfigurasi di mainActivity.java

Setelah kalian membuat desain seperti diatas, selanjutnya kita akan membuat konfigurasi di mainActivity.java. Disini kita akan membuat method aritmatika untuk perhitungan. Adapun perhitungan yang akan kita buat adalah kali, bagi, tambah, kurang, dan sisa bagi. Baiklah kita langsung saja masuk ketahap pengkodingannya saja. Silahkan masukkan koding seperti dibawah ini kedalam file mainActivity.java.

package com.inspirasijones.trojan.calculator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {
    int nilai1,nilai2,nilaiHasil;
    EditText bil1;
    EditText bil2;
    EditText hasil;
     Button kali;
     Button tambah;
     Button kurang;
     Button bagi;
     Button sisabagi;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       bil1 = (EditText) findViewById(R.id.txt1);
       bil2 = (EditText) findViewById(R.id.txt2);
       hasil = (EditText) findViewById(R.id.txtHasil);
       kali = (Button) findViewById(R.id.btnKali);
       tambah = (Button) findViewById(R.id.btnTambah);
       kurang = (Button) findViewById(R.id.btnKurang);
       bagi = (Button) findViewById(R.id.btnBagi);
       sisabagi = (Button) findViewById(R.id.btnSisaBagi);
    }
    public void tambah( View view) {
    nilai1 = Integer.parseInt(bil1.getText().toString());
    nilai2 = Integer.parseInt(bil2.getText().toString());
    nilaiHasil = nilai1 + nilai2;
    hasil.setText(String.valueOf(nilaiHasil));
    }
    public void kurang( View view) {
        nilai1 = Integer.parseInt(bil1.getText().toString());
        nilai2 = Integer.parseInt(bil2.getText().toString());
        nilaiHasil = nilai1 - nilai2;
        hasil.setText(String.valueOf(nilaiHasil));
    }
    public void kali( View view) {
        nilai1 = Integer.parseInt(bil1.getText().toString());
        nilai2 = Integer.parseInt(bil2.getText().toString());
        nilaiHasil = nilai1 * nilai2;
        hasil.setText(String.valueOf(nilaiHasil));
    }
    public void bagi( View view) {
        nilai1 = Integer.parseInt(bil1.getText().toString());
        nilai2 = Integer.parseInt(bil2.getText().toString());
        nilaiHasil = nilai1 / nilai2;
        hasil.setText(String.valueOf(nilaiHasil));
    }
    public void sisabagi( View view) {
        nilai1 = Integer.parseInt(bil1.getText().toString(


));
        nilai2 = Integer.parseInt(bil2.getText().toString());
        nilaiHasil = nilai1 % nilai2;
        hasil.setText(String.valueOf(nilaiHasil));
    }
}

Setelah kalian masukkan semua coding diatas, jangan lupa disave dan silahkan dijalankan di Android atau Emulator kalian masing-masing. Setelah dijalankan maka ketika kita menginputkan bilangan 1 dan bilangan 2, lalu kita menekan salah satu tombol maka pada kolom hasil akan menampilkan hasil dari operasi sesuai dengan button yang kita klik, Misal kita mengklik tombol kali, maka pada kolom hasil akan ditampilkan hasil dari perkalian bilangan 1 dan bilangan 2.

Saya rasa cukup sampai disini dulu untuk kali ini, silahkan di pelajari dengan seksama agar ilmunya bermanfaat, dan bila ada yang kurang paham bisa bertanya melalui kolom komentar. Dan jangan lupa membagikan artikel ini agar lebih bermanfaat kepada yang lainnya. Terima kasih.

Share this post