Cara Mudah Membuat Kalkulator Sederhana Dengan Android Studio

Kali ini saya akan berbagi tutorial membuat Kalkulator sederhana dari Android Studio,  di sini saya menggunakan android stuido versi 2.2.3.

Aplikasi kalkulator android ini masih sangat sederhana sekali, kamu bisa ikuti step by step pembuatannya hingga selesai.

Baik langsung saja kita mulai langkah demi langkah pemuatannya.

Cara Buat Kalkulator Sederhana Dengan Android Studio

1. Buka Android Studio
2. Buat Projek Baru
3. Beri nama projek sesuai yang kamu inginkan
4. Tentukan Target Android Device nya
5. Pilih Empty activity
6. Pada bagian Costomize The Activity biarkan saja default

Mulailah membuat layout xml pada activity_main.xml 

Disain layout seperti gambar di bawah ini. 

Berikut ini  source code pada activity_main.xml, silahkan di sesuaikan. untuk lebih jelasnya pada gambar di atas kamu bisa melihat susunan componen tree pada bagian kiri gambar.

Code<?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=".MainActivity">

    <EditText
        android:id="@+id/result_id"
        android:layout_width="match_parent"
        android:layout_height="70dp" />

    <Button
        android:id="@+id/Btn7_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/result_id"
        android:onClick="btn7Clicked"
        android:text="7" />

    <Button
        android:id="@+id/Btn8_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/result_id"
        android:layout_toRightOf="@id/Btn7_id"
        android:onClick="btn8Clicked"
        android:text="8" />

    <Button
        android:id="@+id/Btnclear_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/result_id"
        android:layout_toRightOf="@id/Btn9_id"
        android:onClick="btnclearClicked"
        android:text="clear" />

    <Button
        android:id="@+id/Btn4_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn7_id"
        android:onClick="btn4Clicked"
        android:text="4" />

    <Button
        android:id="@+id/Btn5_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn8_id"
        android:layout_toRightOf="@id/Btn4_id"
        android:onClick="btn5Clicked"
        android:text="5" />

    <Button
        android:id="@+id/Btn6_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn9_id"
        android:layout_toRightOf="@id/Btn5_id"
        android:onClick="btn6Clicked"
        android:text="6" />

    <Button
        android:id="@+id/Btnplus_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btnclear_id"
        android:layout_toRightOf="@id/Btn6_id"
        android:onClick="btnplusClicked"
        android:text="+" />

    <Button
        android:id="@+id/Btn1_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn4_id"
        android:onClick="btn1Clicked"
        android:text="1" />

    <Button
        android:id="@+id/Btn2_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn5_id"
        android:layout_toRightOf="@id/Btn1_id"
        android:onClick="btn2Clicked"
        android:text="2" />

    <Button
        android:id="@+id/Btn3_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn6_id"
        android:layout_toRightOf="@id/Btn2_id"
        android:onClick="btn3Clicked"
        android:text="3" />

    <Button
        android:id="@+id/Btnminus_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btnplus_id"
        android:layout_toRightOf="@id/Btn3_id"
        android:onClick="btnminusClicked"
        android:text="-" />

    <Button
        android:id="@+id/Btnequal_id"
        android:layout_width="110dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn1_id"
        android:onClick="btnequalClicked"
        android:text="=" />

    <Button
        android:id="@+id/Btndivide_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn1_id"
        android:layout_toRightOf="@id/Btnequal_id"
        android:onClick="btndivideClicked"
        android:text="/" />

    <Button
        android:id="@+id/Btnmulti_id"
        android:layout_width="100dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btnminus_id"
        android:layout_toRightOf="@id/Btndivide_id"
        android:onClick="btnmultiClicked"
        android:text="*" />

    <Button
        android:id="@+id/Btn9_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:onClick="btn9Clicked"
        android:text="9"
        android:layout_alignBottom="@+id/Btn8_id"
        android:layout_toEndOf="@+id/Btn8_id"
        android:layout_below="@+id/result_id" />

</RelativeLayout>

7. Tuliskan Source code di bawah ini pada MainActivity.java.

Codepackage com.okedroid.aplikasisaya;
 
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.EditText;
 
 
public class MainActivity extends AppCompatActivity {
 
    public String str ="";
    Character op = 'q';
    float i,num,numtemp;
    EditText showResult;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        showResult = (EditText)findViewById(R.id.result_id);
 
    }
    public void btn1Clicked(View v){
        insert(1);
 
    }
 
    public void btn2Clicked(View v){
        insert(2);
 
    }
    public void btn3Clicked(View v){
        insert(3);
 
    }
    public void btn4Clicked(View v){
        insert(4);
 
    }
    public void btn5Clicked(View v){
        insert(5);
 
    }
    public void btn6Clicked(View v){
        insert(6);
    }
    public void btn7Clicked(View v){
        insert(7);
 
    }
    public void btn8Clicked(View v){
        insert(8);
 
    }
    public void btn9Clicked(View v){
        insert(9);
 
    }
    public void btnplusClicked(View v){
        perform();
        op = '+';
 
    }
 
    public void btnminusClicked(View v){
        perform();
        op = '-';
 
    }
    public void btndivideClicked(View v){
        perform();
        op = '/';
 
    }
    public void btnmultiClicked(View v){
        perform();
        op = '*';
 
    }
    public void btnequalClicked(View v){
        calculate();
 
    }
 
    public void btnclearClicked(View v){
        reset();
    }
    private void reset() {
        // TODO Auto-generated method stub
        str ="";
        op ='q';
        num = 0;
        numtemp = 0;
        showResult.setText("");
    }
    private void insert(int j) {
        // TODO Auto-generated method stub
        str = str+Integer.toString(j);
        num = Integer.valueOf(str).intValue();
        showResult.setText(str);
 
    }
    private void perform() {
        // TODO Auto-generated method stub
        str = "";
        calculateNoShow();
        numtemp = num;
 
    }
    private void calculate() {
        // TODO Auto-generated method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
        showResult.setText(""+num);
    }
 
    private void calculateNoShow() {
        // TODO Auto-generated method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
    }
}

Baik, sampai di sini kita sudah selesai membuatnya kalkulator sederhana, kamu bisa menjalankan projek kamu di emulator kesayangan kamu.

Demikian tutorial cara membuat kalkulator sederhana dengan android stuido, silahkan di kembangkan sesuai dengan selera, jika ada pertanyaan kamu bisa tuliskan di kolom komentar.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Sandi Fadilah

Artikel Terkait