Buat sebuah project baru dengan nama “Calcultor Sederhana” atau dapat merubahnya dengan yang anda inginkan.
Pilih minumun SDK yang ingin anda terapkan pada aplikasi yang akan dibuat
Pilih Empty Activity untuk membuat sebuah activity yang kosong
Anda dapat merubah nama activity dan layout, namun disini saya membiarkanya secara default
Setelah loading seleseai, pilih tab activity_main.xml dan lalu pilih tab text
Dan rubah lah kode diatas menjadi seperti berikut
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
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="com.muhammadirvan.calculatorsederhana.MainActivity">
<EditText
android:id="@+id/angka1"
android:gravity="center_horizontal"
android:hint="Masukan Angka Pertama"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<EditText
android:id="@+id/angka2"
android:gravity="center_horizontal"
android:hint="Masukan Angka Kedua"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/labelJawaban"
android:gravity="center_horizontal"
android:background="#d7d7d7"
android:textSize="20sp"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btnKali"
android:text="Kali (*)"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btnBagi"
android:text="Bagi (/)"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btnTambah"
android:text="Tambah (+)"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btnKurang"
android:text="Kurang (-)"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
Selanjutnya menuju tab MainActivity
Rubahlah kode diatas menjadi seperti berikut
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;
public class MainActivity extends AppCompatActivity {
EditText
angkaSatu, angkaDua;
TextView hasil;
Button btKali,
btBagi, btTambah, btKurang;
@Override
protected void
onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
angkaSatu =
(EditText)findViewById(R.id.angka1);
angkaDua =
(EditText)findViewById(R.id.angka2);
hasil =
(TextView)findViewById(R.id.labelJawaban);
btKali =
(Button)findViewById(R.id.btnKali);
btBagi =
(Button)findViewById(R.id.btnBagi);
btTambah =
(Button)findViewById(R.id.btnTambah);
btKurang =
(Button)findViewById(R.id.btnKurang);
btKali.setOnClickListener(new View.OnClickListener() {
@Override
public
void onClick(View v) {
hasil.setText(String.valueOf(
Integer.valueOf(angkaSatu.getText().toString()) * Integer.valueOf(angkaDua.getText().toString())));
Integer.valueOf(angkaSatu.getText().toString()) * Integer.valueOf(angkaDua.getText().toString())));
}
});
btBagi.setOnClickListener(new View.OnClickListener() {
@Override
public
void onClick(View v) {
hasil.setText(String.valueOf(Integer.valueOf(angkaSatu.getText().toString())
/
Integer.valueOf(angkaDua.getText().toString())));
}
});
btTambah.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
hasil.setText(String.valueOf(Integer.valueOf(angkaSatu.getText().toString())
+
Integer.valueOf(angkaDua.getText().toString())));
}
});
btKurang.setOnClickListener(new
View.OnClickListener() {
@Override
public
void onClick(View v) {
hasil.setText(String.valueOf(Integer.valueOf(angkaSatu.getText().toString())
-
Integer.valueOf(angkaDua.getText().toString())));
}
});
}
}
Note :
angkaSatu = (EditText)findViewById(R.id.angka1);angkaDua = (EditText)findViewById(R.id.angka2);hasil = (TextView)findViewById(R.id.labelJawaban);btKali = (Button)findViewById(R.id.btnKali);btBagi = (Button)findViewById(R.id.btnBagi);btTambah = (Button)findViewById(R.id.btnTambah);btKurang = (Button)findViewById(R.id.btnKurang);kode ini digunakan untuk menghubungkan antara variabel yang ada di java dengan komponen yang ada pada main_activity.xml. dilakukanya hal ini akan menyebabkan segala perubahan yang terjadi pada variabel tersebut maka komponen yang terhubung dengan variabel tersebut akan ikut berubah.
Ilustrasi :
btKali.setOnClickListener(new View.OnClickListener()Bererfungsi memberikan event onClick kepada btKali
hasil.setText(String.valueOf(Integer.valueOf(angkaSatu.getText().toString()) * Integer.valueOf(angkaDua.getText().toString())));
Jalankan project anda menggunakan emulator atau dapat dilakukan langsung debugging mode menuju handphone android anda masing-masing
Video Tutorial dapat dilihat dibawah ini
ConversionConversion EmoticonEmoticon