TUTORIAL MEMBUAT APLIKASI KALKULATOR dengan ANDROID STUDIO

Hallo sobat blogger, saya akan share cara membuat sebuah aplikasi kalkulator  menggunakan software android studio, langsung saja kuy ..

1. Pertama yang harus anda lakukan adalah membuat new project dan beri nama project aplikasi tersebut..

  

2. Beri nama pada Aplication name, klik Next

3. Pilih target device mana aplikasi yang kita dapat berjalan kali ini saya memilih hanya phone dan tablet, lalu Pilih minimum SDK yang diinginkan, kali ini saya memakai API 10 2.3.3 Gingerbread sehingga aplikasi kalkulator ini dapat berjalan di Android Gingerbread hingga yang terbaru, Klik Next

4. Pilih tampilan layout / activity untuk aplikasi yang akan dibuat, kali ini saya pilih Blank Activity, Klik Next

5. Beri nama pada Actvity Name, Layout Name, Title, dan Menu Resource Name, Klik Finish

6. Tunggu hingga proses setelah klik finish selesai, cari folder layout yang telah dibuat tadi misal,..

app > res > layout > activity_main_activity_cal.xml

 Note, jika proses rendering gagal, ubah API menjadi 20 atau API 15 

7. Desain tampilan aplikasi dengan drag and drop pilihan menu pada palette atau melalui text..
 

•    Melalui Design

•     Melalui text

   

8. Jika melalui text masukan source code berikut :

<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" android:background="#c53131" tools:context=".MainActivity" > <EditText android:id="@+id/bilangan1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="23dp" android:ems="10" /> <Button android:id="@+id/sieben" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignLeft="@+id/bilangan1" android:layout_below="@+id/bilangan1" android:layout_marginTop="24dp" android:text="7" /> <Button android:id="@+id/acht" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignBaseline="@+id/sieben" android:layout_alignBottom="@+id/sieben" android:layout_toRightOf="@+id/sieben" android:text="8" /> <Button android:id="@+id/neun" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignBaseline="@+id/acht" android:layout_alignBottom="@+id/acht" android:layout_toRightOf="@+id/acht" android:text="9" /> <Button android:id="@+id/vier" android:layout_width="70dp" android:layout_height="70dp" android:layout_below="@+id/sieben" android:layout_toLeftOf="@+id/acht" android:text="4" /> <Button android:id="@+id/funf" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignBaseline="@+id/vier" android:layout_alignBottom="@+id/vier" android:layout_toLeftOf="@+id/neun" android:text="5" /> <Button android:id="@+id/sechs" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignBaseline="@+id/funf" android:layout_alignBottom="@+id/funf" android:layout_toRightOf="@+id/funf" android:text="6" /> <Button android:id="@+id/eins" android:layout_width="70dp" android:layout_height="70dp" android:layout_below="@+id/vier" android:layout_toLeftOf="@+id/funf" android:text="1" /> <Button android:id="@+id/zwei" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignBaseline="@+id/eins" android:layout_alignBottom="@+id/eins" android:layout_toLeftOf="@+id/sechs" android:text="2" /> <Button android:id="@+id/drei" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignBaseline="@+id/zwei" android:layout_alignBottom="@+id/zwei" android:layout_toLeftOf="@+id/decide" android:text="3" /> <Button android:id="@+id/nul" android:layout_width="70dp" android:layout_height="70dp" android:layout_below="@+id/eins" android:layout_toLeftOf="@+id/zwei" android:text="0" /> <Button android:id="@+id/point" android:layout_width="70dp" android:layout_height="70dp" android:layout_below="@+id/eins" android:layout_toRightOf="@+id/eins" android:text="." /> <Button android:id="@+id/equ" android:layout_width="70dp" android:layout_height="70dp" android:layout_below="@+id/drei" android:layout_toLeftOf="@+id/plus" android:text="=" /> <Button android:id="@+id/times" android:layout_width="70dp" android:layout_height="55dp" android:layout_alignTop="@+id/neun" android:layout_toRightOf="@+id/neun" android:text="×" /> <Button android:id="@+id/decide" android:layout_width="70dp" android:layout_height="55dp" android:layout_alignLeft="@+id/times" android:layout_below="@+id/times" android:text="÷" /> <Button android:id="@+id/plus" android:layout_width="70dp" android:layout_height="55dp" android:layout_below="@+id/decide" android:layout_toRightOf="@+id/sechs" android:text="+" /> <Button android:id="@+id/min" android:layout_width="70dp" android:layout_height="55dp" android:layout_alignLeft="@+id/plus" android:layout_below="@+id/plus" android:text="-" /> <Button android:id="@+id/apus" android:layout_width="70dp" android:layout_height="55dp" android:layout_alignLeft="@+id/min" android:layout_below="@+id/min" android:text="←" /> </RelativeLayout>

9. Hasil desain dari melalui drag and drop palette maupun text

10. Masukan kode java, misal ..

app > java > com.example.meiwa.meiwacalculator > MainActivityCal

package com.example.meiwa.meiwacalculator; import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.EditText; public class MainActivityCal extends Activity implements OnClickListener{ Button nol,satu,dua,tiga,empat,lima,enam,tujuh,delapan,sembilan,kali,bagi,tambah,kurang,titik,hasil,del; EditText bilangan; String operator = null; Double one =0.0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main_activity_cal); nol = (Button)findViewById(R.id.nul); nol.setOnClickListener(this); satu = (Button)findViewById(R.id.eins); satu.setOnClickListener(this); dua = (Button)findViewById(R.id.zwei); dua.setOnClickListener(this); tiga = (Button)findViewById(R.id.drei); tiga.setOnClickListener(this); empat = (Button)findViewById(R.id.vier); empat.setOnClickListener(this); lima = (Button)findViewById(R.id.funf); lima.setOnClickListener(this); enam = (Button)findViewById(R.id.sechs); enam.setOnClickListener(this); tujuh = (Button)findViewById(R.id.sieben); tujuh.setOnClickListener(this); delapan = (Button)findViewById(R.id.acht); delapan.setOnClickListener(this); sembilan = (Button)findViewById(R.id.neun); sembilan.setOnClickListener(this); titik = (Button)findViewById(R.id.point); titik.setOnClickListener(this); kali = (Button)findViewById(R.id.times); kali.setOnClickListener(this); bagi = (Button)findViewById(R.id.decide); bagi.setOnClickListener(this); tambah = (Button)findViewById(R.id.plus); tambah.setOnClickListener(this); kurang = (Button)findViewById(R.id.min); kurang.setOnClickListener(this); del = (Button)findViewById(R.id.apus); del.setOnClickListener(this); hasil = (Button)findViewById(R.id.equ); hasil.setOnClickListener(this); bilangan = (EditText)findViewById(R.id.bilangan1); } //* @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main_activity_cal, menu); return true; } @Override public void onClick(View v) { //Object angka; // TODO Auto-generated method stub String angka = null; String temp = bilangan.getText().toString(); switch(v.getId()){ case R.id.nul : angka = nol.getText().toString(); break; case R.id.eins : angka = satu.getText().toString(); break; case R.id.zwei : angka = dua.getText().toString(); break; case R.id.drei : angka = tiga.getText().toString(); break; case R.id.vier : angka = empat.getText().toString(); break; case R.id.funf : angka = lima.getText().toString(); break; case R.id.sechs : angka = enam.getText().toString(); break; case R.id.sieben : angka = tujuh.getText().toString(); break; case R.id.acht : angka = delapan.getText().toString(); break; case R.id.neun : angka = sembilan.getText().toString(); break; case R.id.plus : operator = "+"; one = Double.parseDouble(temp); bilangan.setText(""); break; case R.id.min : operator = "-"; one = Double.parseDouble(temp); bilangan.setText(""); break; case R.id.times : operator = "*"; one = Double.parseDouble(temp); bilangan.setText(""); break; case R.id.decide : operator = "/"; one = Double.parseDouble(temp); bilangan.setText(""); break; case R.id.point : angka = titik.getText().toString(); break; case R.id.apus : bilangan.setText(""); break; case R.id.equ : Double kedua = Double.parseDouble(temp); if(operator == "+") { one += kedua; bilangan.setText(one.toString()); } else if(operator == "*"){ one *= kedua; bilangan.setText(one.toString()); } else if(operator == "-"){ one -= kedua; bilangan.setText(one.toString()); } else if(operator == "/"){ one /= kedua; bilangan.setText(one.toString()); } break; } if(angka != null) { String now = temp + angka; bilangan.setText(now); } } }

11. Jika sudah selesai dan tidak ada error, silahkan di run aplikasinya..

 Tekan Shift + 10 atau Segita Hijau

Note : Agar tidak lambat dalam saat runing, runinglah via HP, sebelum runing Instal Driver HP sesuai platform dan aktifkan USB Debuger pada menu pengembang 

12. Tunggu sampai muncul notif seperti berikut, lalu piih device HP, Klik ok

13.  Tunggu Hingga Aplikasi sudah terinstall, jika sudah terinstal maka akan ada icons aplikasinya

14. Klik Iconnya dan jalankan aplikasinya.

Selesai .. Semoga bermanfaat :)

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.