Cara Membuat Kalkulator Menggunakan Android Studio



Android studio merupakan aplikasi desktop untuk membuat app pada smartphone android, disetiap kampus atau kursus android pasti kamu pernah belajar tentang cara membuat kalkulator menggunakan eclips, app inventor atau android studio.

Pada kesempatan ini saya akan membagikan tutorial cara membuat aplikasi kalkulator menggunakan android studio, untuk kamu yang kuliah jurusan IT atau RPL pasti pernah di beri tugas untuk membuat aplikasi kalkulator sederhana menggunakan android bukan ?

Sama halnya dengan saya hihihi.. berhubung pelajaran ini masih tergolong baru dan rumit jadi untuk membuat aplikasi kalkulator anroid saya minta bantuan ke salah satu temen dan alhamdulillah aplikasi pun berhasil di buat.

Android studio yang kami gunakan adalah versi 3.0.1 (Terbaru pada saat itu) jadi jika tutorial kali ini tidak berjalan lancar pada aplikasi A.S sobat, cobalah untuk menyesuaikan versi android studio nya seperti yang kami gunakan. tapi coba dulu aja di androi studio versi yang sobat miliki, jika nanti tidak sesuai barulah menyesuaikannya. Oke langsung ke TKP

  • Buka anroid studio dan buat project baru dengan nama sesuai selera sobat.
  • Buak activity_main.xml pada App >> res >> layout >> activity_main.xml atau biasanya sudah langsung mengarah ke halaman tersebut saat membuat project baru.
  • Buatlah tampilan seperti gambar di bawah ini. atau jika malas membuatnya silahkan untuk dimasukkan pada activity_main.xml versi text


Code activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:background="@drawable/tas"
    tools:context="com.persegiandroid.ishadkalkulator.MainActivity">

    <TextView
        android:id="@+id/lbloperan"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/btnbagi"
        android:layout_alignRight="@+id/btnbagi"
        android:layout_below="@+id/lblangka"
        android:layout_marginEnd="52dp"
        android:layout_marginRight="52dp"
        android:layout_marginTop="15dp"
        android:text="lblangka"
        android:visibility="invisible"
        tools:layout_editor_absoluteX="16dp"
        tools:layout_editor_absoluteY="427dp" />

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/btn5"
        android:text="1"
        tools:layout_editor_absoluteX="6dp"
        tools:layout_editor_absoluteY="249dp" />

    <Button
        android:id="@+id/btn7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/linearLayout"
        android:text="7"
        tools:layout_editor_absoluteX="6dp"
        tools:layout_editor_absoluteY="105dp" />

    <Button
        android:id="@+id/btn8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearLayout"
        android:layout_toEndOf="@+id/btn7"
        android:layout_toRightOf="@+id/btn7"
        android:text="8"
        tools:layout_editor_absoluteX="94dp"
        tools:layout_editor_absoluteY="105dp" />

    <Button
        android:id="@+id/btn9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearLayout"
        android:layout_toEndOf="@+id/btn8"
        android:layout_toRightOf="@+id/btn8"
        android:text="9"
        tools:layout_editor_absoluteX="182dp"
        tools:layout_editor_absoluteY="105dp" />

    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/btn8"
        android:text="4"
        tools:layout_editor_absoluteX="6dp"
        tools:layout_editor_absoluteY="153dp" />

    <Button
        android:id="@+id/btn5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn9"
        android:layout_toEndOf="@+id/btn4"
        android:layout_toRightOf="@+id/btn4"
        android:text="5"
        tools:layout_editor_absoluteX="94dp"
        tools:layout_editor_absoluteY="153dp" />

    <Button
        android:id="@+id/btn6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btntambah"
        android:layout_toEndOf="@+id/btn5"
        android:layout_toRightOf="@+id/btn5"
        android:text="6"
        tools:layout_editor_absoluteX="182dp"
        tools:layout_editor_absoluteY="153dp" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn6"
        android:layout_toEndOf="@+id/btn7"
        android:layout_toRightOf="@+id/btn7"
        android:text="2"
        tools:layout_editor_absoluteX="94dp"
        tools:layout_editor_absoluteY="201dp" />

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btnkurang"
        android:layout_toEndOf="@+id/btn0"
        android:layout_toRightOf="@+id/btn0"
        android:text="3"
        tools:layout_editor_absoluteX="182dp"
        tools:layout_editor_absoluteY="201dp" />

    <Button
        android:id="@+id/btntambah"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearLayout"
        android:layout_toEndOf="@+id/btn9"
        android:layout_toRightOf="@+id/btn9"
        android:text="+"
        tools:layout_editor_absoluteX="270dp"
        tools:layout_editor_absoluteY="105dp" />

    <Button
        android:id="@+id/btnkurang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btntambah"
        android:layout_toEndOf="@+id/btn6"
        android:layout_toRightOf="@+id/btn6"
        android:text="-"
        tools:layout_editor_absoluteX="270dp"
        tools:layout_editor_absoluteY="153dp" />

    <Button
        android:id="@+id/btnkali"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/btn3"
        android:layout_alignBottom="@+id/btn3"
        android:layout_toEndOf="@+id/btn3"
        android:layout_toRightOf="@+id/btn3"
        android:text="x"
        tools:layout_editor_absoluteX="270dp"
        tools:layout_editor_absoluteY="201dp" />

    <Button
        android:id="@+id/btnclear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/btn2"
        android:text="CLEAR"
        tools:layout_editor_absoluteX="6dp"
        tools:layout_editor_absoluteY="249dp" />

    <Button
        android:id="@+id/btn0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn3"
        android:layout_toEndOf="@+id/btnclear"
        android:layout_toRightOf="@+id/btnclear"
        android:text="0"
        tools:layout_editor_absoluteX="94dp"
        tools:layout_editor_absoluteY="249dp" />

    <Button
        android:id="@+id/btnsamadengan"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btnkali"
        android:layout_toEndOf="@+id/btn0"
        android:layout_toRightOf="@+id/btn0"
        android:text="="
        tools:layout_editor_absoluteX="182dp"
        tools:layout_editor_absoluteY="249dp" />

    <Button
        android:id="@+id/btnbagi"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/btnsamadengan"
        android:layout_alignBottom="@+id/btnsamadengan"
        android:layout_toEndOf="@+id/btnsamadengan"
        android:layout_toRightOf="@+id/btnsamadengan"
        android:text="/"
        tools:layout_editor_absoluteX="270dp"
        tools:layout_editor_absoluteY="249dp" />

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="381dp"
        android:layout_height="89dp"
        android:orientation="vertical"
        tools:layout_editor_absoluteX="6dp"
        tools:layout_editor_absoluteY="8dp">

        <EditText
            android:id="@+id/txtangka1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName"
            android:textAlignment="textEnd" />

        <EditText
            android:id="@+id/txtangka2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName"
            android:textAlignment="textEnd" />
    </LinearLayout>

    <TextView
        android:id="@+id/lblangka"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn0"
        android:layout_marginTop="71dp"
        android:layout_toLeftOf="@+id/btnsamadengan"
        android:layout_toStartOf="@+id/btnsamadengan"
        android:text="lblangka"
        android:visibility="invisible"
        tools:layout_editor_absoluteX="16dp"
        tools:layout_editor_absoluteY="427dp" />

</RelativeLayout>

Nb: Pada tools:context="com.persegiandroid.ishadkalkulator.MainActivity. ganti tulisan yang ber latar belakang kuning dengan nama project sobat.

  • Setelah membuat layoutnya pastikan terlebih dahulu sesuai seperti gambar
  • Kemudian buka MainActivity.java caranya App >> Java >> Buka file java pertama >> MainActivity.java atau bisa lihat gambar di bawah ini.
  • Kemudian copy code di bawah ini dan paste kan pada MainActivity.java

Code MainActivity.java
package com.persegiandroid.ishadkalkulator;

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;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnCompletionListener;

public class MainActivity extends AppCompatActivity {
    private MediaPlayer player;
    EditText angka1, angka2;
    TextView lbanga, lboperan;
    private Button tombol0;
    private Button tombol1;
    private Button tombol2;
    private Button tombol3;
    private Button tombol4;
    private Button tombol5;
    private Button tombol6;
    private Button tombol7;
    private Button tombol8;
    private Button tombol9;
    private Button tomboltambah;
    private Button tombolkurang;
    private Button tombolkali;
    private Button tombolbagi;
    private Button tombolsamadengan;
    private Button tombolclear;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        angka1 = (EditText) findViewById(R.id.txtangka1);
        angka2 = (EditText) findViewById(R.id.txtangka2);
        tombol0 = findViewById(R.id.btn0);
        tombol1 = findViewById(R.id.btn1);
        tombol2 = findViewById(R.id.btn2);
        tombol3 = findViewById(R.id.btn3);
        tombol4 = findViewById(R.id.btn4);
        tombol5 = findViewById(R.id.btn5);
        tombol6 = findViewById(R.id.btn6);
        tombol7 = findViewById(R.id.btn7);
        tombol8 = findViewById(R.id.btn8);
        tombol9 = findViewById(R.id.btn9);
        tomboltambah = findViewById(R.id.btntambah);
        tombolkurang = findViewById(R.id.btnkurang);
        tombolkali = findViewById(R.id.btnkali);
        tombolbagi = findViewById(R.id.btnbagi);
        tombolsamadengan = findViewById(R.id.btnsamadengan);
        tombolclear = findViewById(R.id.btnclear);
        lbanga = findViewById(R.id.lblangka);
        lboperan = findViewById(R.id.lbloperan);
        player = new MediaPlayer();

        tombol0.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() +  "0");
                play();
            }
        });
        tombol1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() +   "1");
                play();
            }
        });
        tombol2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() +  "2");
                play();
            }
        });
        tombol3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() +  "3");
                play();
            }
        });
        tombol4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() +  "4");
                play();
            }
        });
        tombol5.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() + "5");
                play();
            }
        });
        tombol6.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() + "6");
                play();
            }
        });
        tombol7.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() + "7");
                play();
            }
        });
        tombol8.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() + "8");
                play();
            }
        });
        tombol9.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText(angka2.getText() + "9");
                play();
            }
        });
        tombolclear.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka2.setText("");
                angka1.setText("");
                play();
            }
        });
        tomboltambah.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                lboperan.setText("+");
                angka1.setText(angka2.getText() + " " + lboperan.getText() + " ");
                lbanga.setText(angka2.getText());
                angka2.setText("");
                play();

            }
        });
        tombolkurang.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                lboperan.setText("-");
                angka1.setText(angka2.getText() + " " + lboperan.getText() + " ");
                lbanga.setText(angka2.getText());
                angka2.setText("");
                play();

            }
        });
        tombolkali.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                lboperan.setText("x");
                angka1.setText(angka2.getText() + " " + lboperan.getText() + " ");
                lbanga.setText(angka2.getText());
                angka2.setText("");
                play();

            }
        });
        tombolbagi.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                lboperan.setText("/");
                angka1.setText(angka2.getText() + " " + lboperan.getText() + " ");
                lbanga.setText(angka2.getText());
                angka2.setText("");
                play();

            }
        });
        tombolsamadengan.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                angka1.setText(lbanga.getText() + " " + lboperan.getText() + " " + angka2.getText() );

                if(lboperan.getText().toString().equals("+"))
                {
                    int ang1 = Integer.parseInt(lbanga.getText().toString());
                    int ang2 = Integer.parseInt(angka2.getText().toString());
                    int hasil = ang1 + ang2;

                    angka2.setText("= " + hasil );
                    play2();
                    //indonesia.setText("Saya");
                   // play();
                }
                else if (lboperan.getText().toString().equals("-"))
               {
                   int ang1 = Integer.parseInt(lbanga.getText().toString());
                   int ang2 = Integer.parseInt(angka2.getText().toString());
                   int hasil = ang1 - ang2;

                   angka2.setText("= " + hasil );
                   play2();
               }
                else if (lboperan.getText().toString().equals("x"))
                {
                    int ang1 = Integer.parseInt(lbanga.getText().toString());
                    int ang2 = Integer.parseInt(angka2.getText().toString());
                    int hasil = ang1 * ang2;

                    angka2.setText("= " + hasil );
                    play2();
                }
                else
               {
                   int ang1 = Integer.parseInt(lbanga.getText().toString());
                   int ang2 = Integer.parseInt(angka2.getText().toString());
                   int hasil = ang1 / ang2;

                   angka2.setText("= " + hasil );
                   play2();
                }
            }
        });
    }
    
private void play() {
player = MediaPlayer.create(this, R.raw.sna); player.start(); } private void play2() { player = MediaPlayer.create(this, R.raw.guffaw); player.start(); } }


  • Pastikan semua tidak ada yang error, jangan lupa ganti package com.persegiandroid.ishadkalkulatordengan nama project sobat.

Keterangan

Pada tutorial kali ini kami membuat kalkulator android yang berisi suara. Jadi setiap tombol yang di tekan nantinya akan mengeluarkan suara sesuai setingan. untuk mengatur suara yang sobat inginkan, carilah track musik yang sesuai untuk kalkulator atau mp3 yang berdurasi 3 scond agar ketika tombol ditekan jangka waktu delaynya tidak terlalu lama.

Sebenarnya kami tidak ingin ribet untuk membuat aplikasi kalkulator sederhana ini namun karena dosen berpesan: semakin banyak tambahan untuk aplikasi android yang kalian buat maka semakin bagus nilai yang akan saya beri. Nah dalam aplikasi kami memberi 2 suara yang pertama untuk setiap tombol angka dengan nama file sna dan tombol = (sama dengan) untuk suara guffwaw.



  • Cara menambahkan suara pada android studio copy file suaranya (jangan beri nama file mengganakan angka) kemudian paste pada App >> res >> raw atau bisa lihat gambar di bawah ini.

  • Untuk mengisi suara pada tombol kami memberi sound trak drum yang bisa sobat download melalui link ini https://freesound.org/s/410514/
  • Setelah selesai mendownload kami mengganti nama files sound tersebut sesuai selera namun jangan memberi nama file dengan angka karena android studio tidak merespon itu.
  • Jika sudah, ganti nama file suara yang kamu upload pada android studio pada MainActivity.java di bagian  
  • Pastika tidak ada yang error, jika suah silahkan jalankan aplikasi menggunakan emulator atau via smartphone milik sobat.

Baca juga: Contoh program aplikasi kamus yang di buat menggunakan android studio

Demikian lah artikel cara membuat aplikasi kalkulator sederhana menggunakan android studio. semoga bermanfaat berhasil, jika tidak berhasil silahkan download file jadi nya pada komentar dibawah ini. Jangan lupa ukung terus craaa.id dengan like fanspage facebook dan share artikel ini untuk membantu temennya dalam membuat aplikasi kalkulator android. terimakasih telah berkunjung salam blogger...
Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel