Jumat, 18 Maret 2016

Membuat Kalkulator Sederhana pada Android Studio

Nama : Pande Gede Agung Adi Suarpala
NIM : 1404505113
Mata Kuliah : Pemrograman Mobile (C)
Dosen : I Putu Agus Eka Pratama, ST MT


Langkah – Langkah :


1.  Buat proyek baru. Klik Next.


Gambar 1. Membuat Proyek (memberi nama)

2.  Pilih opsi Phone and Tablet. Klik Next.



Gambar 2. memilih opsi Phone and Tablet device)

3. Pilih Empty Activity. Klik Next.

Gambar 3. Memilih Empty Activity


4. Memberi nama Activity (Main Activity). Klik Finish.


Gambar 4. Main Activity

5. Ketikkan script berikut pada file activity_main.xml yang berlokasi di /res/layout. Script ini untuk membangun tatap muka aplikasi.


<?xml version="1.0" encoding="utf-8"?>

<TableLayout

    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"

    tools:context="com.example.tobi_.kalkulator.MainActivity"

    android:shrinkColumns="*" android:stretchColumns="*" >



    <TableRow

        android:layout_height="match_parent"

        android:layout_width="match_parent"

        android:gravity="center_horizontal" >



        <EditText android:id="@+id/result_id"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:textSize="30dp"

            android:layout_span="4"

            android:padding="30dip"

            android:background="#ffffff"

            android:textColor="#000000" />

    </TableRow >



    <TableRow

        android:id="@+id/tableRow1"

        android:layout_height="match_parent"

        android:layout_width="match_parent">



        <Button

            android:id="@+id/Btn7_id"

            android:text="7"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn7Clicked"

            android:gravity="center" />



        <Button

            android:id="@+id/Btn8_id"

            android:text="8"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn8Clicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btn9_id"

            android:text="9"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn9Clicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btndivide_id"

            android:text="÷"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#808080"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btndivideClicked"

            android:gravity="center" />

    </TableRow>



    <TableRow

        android:id="@+id/tableRow2"

        android:layout_height="match_parent"

        android:layout_width="match_parent">



        <Button

            android:id="@+id/Btn4_id"

            android:text="4"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn4Clicked"

            android:gravity="center" />



        <Button

            android:id="@+id/Btn5_id"

            android:text="5"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn5Clicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btn6_id"

            android:text="6"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn6Clicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btnmulti_id"

            android:text="×"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#808080"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btnmultiClicked"

            android:gravity="center" />

    </TableRow>



    <TableRow

        android:id="@+id/tableRow3"

        android:layout_height="match_parent"

        android:layout_width="match_parent">



        <Button

            android:id="@+id/Btn1_id"

            android:text="1"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn1Clicked"

            android:gravity="center" />



        <Button

            android:id="@+id/Btn2_id"

            android:text="2"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn2Clicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btn3_id"

            android:text="3"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn3Clicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btnminus_id"

            android:text="-"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#808080"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btnminusClicked"

            android:gravity="center" />

    </TableRow>



    <TableRow

        android:id="@+id/tableRow4"

        android:layout_height="match_parent"

        android:layout_width="match_parent">



        <Button

            android:id="@+id/Btndel_id"

            android:text="˿"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btndelClicked"

            android:gravity="center" />



        <Button

            android:id="@+id/Btn0_id"

            android:text="0"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btn0Clicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btnequal_id"

            android:text="="

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#303030"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btnequalClicked"

            android:gravity="center" />

        <Button

            android:id="@+id/Btnplus_id"

            android:text="+"

            android:textSize="20dp"

            android:layout_weight="1"

            android:background="#808080"

            android:textColor="#ffffff"

            android:padding="30dip"

            android:onClick="btnplusClicked"

            android:gravity="center" />

    </TableRow>



    <TableRow

        android:id="@+id/tableRow5"

        android:layout_height="match_parent"

        android:layout_width="match_parent">



    <Button android:id="@+id/Btnexit_id"

        android:text="EXIT"

        android:textSize="20dp"

        android:layout_weight="1"

        android:background="#cdcdcd"

        android:textColor="#000000"

        android:padding="20dip"

        android:onClick="btnexitClicked"

        android:gravity="center" />

    </TableRow>



</TableLayout>


Gambar 5. Menambahkan script pada activity_main.xml


6. Kemudian ketikkan script Java berikut pada file main activity.java yang ada di /java/com.example.tobi_ (sesuaikan dengan path anda).


package com.example.tobi_.kalkulator;



import android.content.Intent;

import android.support.v7.app.ActionBar;

import android.support.v7.app.ActionBarActivity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.widget.EditText;



public class MainActivity extends ActionBarActivity {



    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 btn0Clicked(View v){

        insert(0);

    }

    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 btndelClicked(View v){

        reset();

    }

    public void btnexitClicked(View v){

        exit();

    }





    private void reset() {

        // TODO Auto­generated method stub

        str = "";

        op = 'q';

        num = 0;

        numtemp = 0;

        showResult.setText("");

    }

    public void exit()

    {

        this.finish();

        Intent intent = new Intent(Intent.ACTION_MAIN);

        intent.addCategory(Intent.CATEGORY_HOME);

        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

        startActivity(intent);

    }

    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;

    }

}
 

Gambar 6. Script Java pada MainActivity.java

7. Tekan tombol Save (Simpan). Compile dan jalankan. Tekan tombol hijau, (disini saya menjalankan aplikasi langsung pada android device menggunakan koneksi adb). Jika anda tidak mengkoneksikan android device anda melalui usb adb, anda dapat menjalankan aplikasi ini pada emulator.

  
8.     Hasilnya sebagai berikut :



Tidak ada komentar:

Posting Komentar