Android Studio | Tutorial Membuat Aplikasi Calculator ~ WebApps

Assalamu'alaikum...

Pada postingan saya kali ini akan membahas bagaimana cara membuat aplikasi kalkulator anda sendiri menggunakan Android Studio. yuk simak langkah-langkah berikut...

1. Buka aplikasi Android Studio.

2. Pilih File > New > New Project. beri nama project yang akan dibuat.

nama project saya "shavira calculator"

3. Selanjutnya target android devices, pilih Phone and Tablet dengan minimum SDK Android versi 4.0.3 (IceCreamSandwich)

4. Lalu pilih layout activity sesuai dengan keinginan anda

saya menggunakan Basic Activity

5. Beri nama Activity kalian. lalu finish.

6. lalu muncul tampilan awal activity seperti gambar dibawah ini.

7. Buat design sederhana tampilan kalkulator, dengan menambahkan widgets yang ada pada bar palette. caranya dengan men-drag widgets ke dalam layout.

8. Lalu ubah nama dan id seperti gambar dibawah ini.

9. Selanjutnya edit codingan java pada MainActivity.java

tambahkan codingan yang diblok pada mainActivity.java anda

tambahkan codingan yang dilingkari merah dan sisa codingannya ganti dengan codingan berikut

Berikut ini adalah isi codingan pada MainActivity.java

package com.broadbandpnj.shaviracalculator;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends ActionBarActivity implements View.OnClickListener {

    private Button btnAdd, btnSub, btnMul, btnDiv;
    private TextView tvRes;
    private EditText etNo1,etNo2;

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

        init();
    }

        private void init(){
            btnAdd=(Button)findViewById(R.id.btnAdd);
            btnSub=(Button)findViewById(R.id.btnSub);
            btnMul=(Button)findViewById(R.id.btnMul);
            btnDiv=(Button)findViewById(R.id.btnDiv);
            etNo1=(EditText)findViewById(R.id.etNum1);
            etNo2=(EditText)findViewById(R.id.etNum2);
            tvRes=(TextView)findViewById(R.id.tvRes);

            btnAdd.setOnClickListener(this);
            btnSub.setOnClickListener(this);
            btnMul.setOnClickListener(this);
            btnDiv.setOnClickListener(this);

        }

    // Give action for each item
    @Override
    public void onClick(View view){
        String num1 = etNo1.getText().toString();
        String num2 = etNo2.getText().toString();

        switch(view.getId()){
            case R.id.btnAdd:
                int addition = Integer.parseInt(num1)+ Integer.parseInt(num2);
                tvRes.setText(String.valueOf(addition));
                break;

            case R.id.btnSub:
                int subtraction = Integer.parseInt(num1)- Integer.parseInt(num2);
                tvRes.setText(String.valueOf(subtraction));
                break;

            case R.id.btnMul:
                int multiply = Integer.parseInt(num1)* Integer.parseInt(num2);
                tvRes.setText(String.valueOf(multiply));
                break;

            case R.id.btnDiv:
                try {
                    int division = Integer.parseInt(num1) / Integer.parseInt(num2);
                    tvRes.setText(String.valueOf(division));
                }catch(Exception e){
                    tvRes.setText("Cannot DIVIDE!!!");
                }
                break;

        }
    }
}