Membuat Kalkulator Sederhana Menggunakan Android Studio

Membuat Kalkulator Sederhana Menggunakan Android Studio

Assalamualaikum..

Halo kawan,, apakabar? semoga baik-baik saja. Ini merupakan share pertama saya jadi kalau ada yang salah mohon saran dan komentarnya terimakasih. Seperti pepetah "Berbagi Ilmu Tidak Akan Membuat Ilmu Anda Semakin Sedikit Melainkan Tambah  Banyak dan Luas" Aminn.

Untuk itu  kali ini saya akan berbagi ilmu saya tentang Membuat Aplikasi Kalkulator Sederhana menggunakan  Android Studio. Saya tidak akan membahas terlalu dalam dari awal apa itu Android Studio dan lain-lain karena itu sudah pasti banyak di Sumber-sumber sifu yang lain di Mbah Google, jadi saya menganggap kalian sudah faham dasar-dasar Android Studio.

Untuk mengingatkan saja kawan-kawan kalau membuat item jangan lupa source code ini :

android:layout_width="wrap_content"android:layout_height="wrap_content"

Isi dari source code tersebut paling sering digunakan dua saja yakni "wrap_content" dan "match_parent" Perbedaan dari penggunaan tersebut  bisa diliat jika menggunakan "wrap_content" maka isi dari item tersebut akan menyesuaikan dengan content atu isi yang akan kita inputkan sedangkan untuk "match_parent" isi dari semua item yang kita inputkan maka akan menyesuaikan dengan layar Gadget yang digunakan. 

Terus Mas jika source code tersebut tidak kita inputkan kenapa?? coba aja pasti gak ada apa-apa di tampilan. heheheheh mangkanya penting!! :-)

Oke gas aja gan...!!!!!!!

1. Activity_Main.xml

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.putra.calculator.MainActivity">

    <TextView
        android:id="@+id/judul"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="My Calculator" />

    <EditText
        android:id="@+id/nilai1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/judul"/>

    <EditText
        android:id="@+id/nilai2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/nilai1"/>



    <Button
        android:id="@+id/tambah"
        android:text="+"
        android:layout_below="@+id/nilai2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <Button
        android:id="@+id/kurang"
        android:text="-"
        android:layout_below="@+id/nilai2"
        android:layout_toRightOf="@+id/tambah"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/bagi"
        android:text="/"
        android:layout_below="@+id/nilai2"
        android:layout_toRightOf="@+id/kurang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/kali"
        android:text="*"
        android:layout_below="@+id/nilai2"
        android:layout_toRightOf="@+id/bagi"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />


    <EditText
        android:id="@+id/hasil"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tambah"/>


</RelativeLayout>

Penjelasan :



Ini Merupakan Source Code di Activity_Main.xml di Android Studio. Kalian bisa mengedit tampilan kalkulator sesuka kalian disini dengan menambahkan beberapa code seperti gambar(ImageView), tombol tambahan(Button) dan kawan-kawannya. Oh iya jangan lupa jika buat item sertakan android:id="@+id/hasil" Fungsinya sebagai ID di tiap Item untuk mempermudah dalam mengsingkronkan satu dengan yang lain,




2. MainActivity.java



package com.example.putra.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 {
    EditText Jnilai1, Jnilai2, Jhasil;
    Button Jtambah;
    Button Jkurang;
    Button Jbagi;
    Button Jkali;




    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Jnilai1=(EditText)findViewById(R.id.nilai1);
        Jnilai2=(EditText)findViewById(R.id.nilai2);
        Jhasil=(EditText)findViewById(R.id.hasil);
        Jtambah=(Button) findViewById(R.id.tambah);
        Jkurang=(Button) findViewById(R.id.kurang);
        Jbagi=(Button) findViewById(R.id.bagi);
        Jkali=(Button) findViewById(R.id.kali);


        Jtambah.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                Integer a = Integer.parseInt(Jnilai1.getText().toString());
                Integer b = Integer.parseInt(Jnilai2.getText().toString());
                Integer c = a+b;

                Jhasil.setText(String.valueOf(c));
            }
        });
        Jkurang.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                Integer a = Integer.parseInt(Jnilai1.getText().toString());
                Integer b = Integer.parseInt(Jnilai2.getText().toString());
                Integer c = a-b;

                Jhasil.setText(String.valueOf(c));
            }
        });
        Jbagi.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                Integer a = Integer.parseInt(Jnilai1.getText().toString());
                Integer b = Integer.parseInt(Jnilai2.getText().toString());
                Integer c = a/b;

                Jhasil.setText(String.valueOf(c));
            }
        });
        Jkali.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                Integer a = Integer.parseInt(Jnilai1.getText().toString());
                Integer b = Integer.parseInt(Jnilai2.getText().toString());
                Integer c = a*b;

                Jhasil.setText(String.valueOf(c));
            }
        });

    }
}






Penjelasan :




Langkah 1: Buatlah sebuah variabel



    EditText Jnilai1, Jnilai2, Jhasil;
    Button Jtambah;
    Button Jkurang;
    Button Jbagi;

    Button Jkali; 

lalu mengsingkronkan variabel tersebut dengan ID di tiap item, menggunakan perintah "findViewById"(inilah guna ID tersebut).


        Jnilai1=(EditText)findViewById(R.id.nilai1);
        Jnilai2=(EditText)findViewById(R.id.nilai2);
        Jhasil=(EditText)findViewById(R.id.hasil);
        Jtambah=(Button) findViewById(R.id.tambah);
        Jkurang=(Button) findViewById(R.id.kurang);
        Jbagi=(Button) findViewById(R.id.bagi);
        Jkali=(Button) findViewById(R.id.kali);



Langkah 2: Mensetting Button-button yang digunakan 




Menggunakan perintah "setOnClickListener" Fungsi ini digunakan untuk memberikan perintah kepada Button apa yang aka dilakukannya ketia ia di tekan.


Jtambah.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                Integer a = Integer.parseInt(Jnilai1.getText().toString());
                Integer b = Integer.parseInt(Jnilai2.getText().toString());
                Integer c = a+b;

                Jhasil.setText(String.valueOf(c));
            }
        });
Buat variabel pengganti a,b,c untuk mempermudah, Jangan lupa untuk mengconvert 
variabel INTEGER ke STRING menggunakan perintah 
Integer a = Integer.parseInt(Jnilai1.getText().toString());
agar tidak terjadi crash ketika pemrosesan. Jika perintah untuk Variabel tambah, kurang, bagi, kali 
bisa di ganti prosesnya di variabel c.
Langkah terakhir jangan lupa mensetting hasil dari proses tersebut ke variabel c dari variabel Jhasil.




Langkah 3: Testing Render ke Smartphone kalian


Ini hasilnya kawan simple kan. hehehehehe.  
 




Selamat Mencoba dan jangan lupa Bismillah dulu :-) .Sekian Terima Kasih . Wassalam.