Langkah membuat kalkulator sederhana
1. Buat project Baru
Buat project baru pada android studio dengan nama "Kalkulator Sederhaha" atau buat nama project sesuai yang kamu suka.
2. Pastekan kode
Pastekan kode XML berikut ke activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginTop="8dp"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.017">
<EditText
android:id="@+id/bil1" style="@android:style/Widget.Holo.Light.EditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:fontFamily="casual"
android:hint="Inputkan Angka 1"
android:inputType="number"
tools:ignore="MissingConstraints" />
<EditText
android:id="@+id/bil2" style="@android:style/Widget.Holo.Light.EditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:fontFamily="casual"
android:hint="Inputkan Angka 2"
android:inputType="number" />
<EditText
android:id="@+id/hasil" style="@android:style/Widget.Holo.Light.EditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:fontFamily="casual"
android:hint="Hasil"
android:inputType="numberDecimal"
tools:ignore="MissingConstraints" />
<Button
android:id="@+id/btn_tambah"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="btn_tambah_klik"
android:text=" + "
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="323dp"
tools:ignore="MissingConstraints,OnClick" />
<Button
android:id="@+id/btn_kurang"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="btn_kurang_klik"
android:text=" - "
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="323dp"
tools:ignore="OnClick" />
<Button
android:id="@+id/btn_bagi"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="btn_bagi_klik"
android:text=" / "
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="323dp"
tools:ignore="OnClick" />
<Button
android:id="@+id/btn_kali"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="btn_tambah_klik"
android:text=" x "
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="323dp"
tools:ignore="OnClick" />
<Button
android:id="@+id/btn_batal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="btn_batal_klik"
android:text="Batal"
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="323dp" />
<Button
android:id="@+id/btn_keluar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="btn_keluar_klik"
android:text="Keluar"
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="323dp" />
</LinearLayout>
</android.support.constraint.ConstraintLayout>
3. Mainactivity.java
Pastekan kode Mainactivity.java berikut
package zel.com;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
public class MainActivity extends AppCompatActivity {
EditText bil1, bil2, hasil;
int a, b, c;
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bil1 = (EditText) findViewById(R.id.bil1);
bil2 = (EditText) findViewById(R.id.bil2);
hasil = (EditText) findViewById(R.id.hasil);
Button Btn = (Button) findViewById(R.id.btn_tambah); Btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//int a, b, c;
a = Integer.valueOf(bil1.getText().toString());
b = Integer.valueOf(bil2.getText().toString());
c = a + b;
hasil.setText(String.valueOf(c));
}
} );
// program kurang
Button btn_kurang = (Button) findViewById(R.id.btn_kurang);
btn_kurang.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//int a, b, c;
a = Integer.valueOf(bil1.getText().toString());
b = Integer.valueOf(bil2.getText().toString());
c = a - b;
hasil.setText(String.valueOf(c));
}
});
// program kali
Button btn_kali = (Button) findViewById(R.id.btn_kali);
btn_kali.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//int a, b, c;
a = Integer.valueOf(bil1.getText().toString());
b = Integer.valueOf(bil2.getText().toString());
c = a * b;
hasil.setText(String.valueOf(c));
}
});
// program bagi
Button btn_bagi = (Button) findViewById(R.id.btn_bagi);
btn_bagi.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//int a, b, c;
a = Integer.valueOf(bil1.getText().toString());
b = Integer.valueOf(bil2.getText().toString());
c = a / b;
hasil.setText(String.valueOf(c));
}
});
}
public void btn_batal_klik(View view) {
bil1.setText("");
bil2.setText("");
hasil.setText("");
}
public void btn_keluar_klik(View view) {
System.exit(0);
}
}
selanjutnya silahkan run app menggunakan emulator. jika berhasil maka tampilannya seperti dibawah ini, berikut adalah hasil dari perkalian
Itulah cara membuat aplikasi android kalkulator sederhana menggunakan android studio, gampang kan? Ok.. terima kasih sudah membaca artikel ini.
Baca juga :
Cara Membuat Aplikasi Biodata Sederhana Dengan App Inventor
Cara Mudah Mengganti Background Program Android Di Eclipse
.jpg)
0 komentar:
Posting Komentar
Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel.
Gunakan tombol balas dibawah komentar terkait jika ingin membalas komentar agar komunikasi lebih terstruktur.
Klik untuk melihat kode :) :( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @-@ :-a :W *fck* :ngakak |o| :goodluck :smile