Cara Membuat Aplikasi Kalkulator Sederhana di Android Studio dengan bahasa Kotlin – Oke guys, kali ini saya akan membuat aplikasi kalkulator sederhana menggunakan Android Studio dengan bahasa Kotlin.
Langsung saja ketutorialnya:
Langkah 1: Persiapan
- Pastikan kamu telah menginstal Android Studio di komputer/laptop.
- Buka Android Studio dan buat proyek baru dengan memilih “Start a new Android Studio project”.
Langkah 2: Desain Tampilan Aplikasi
- Buka file “activity_main.xml” di folder “res/layout”.
- Gunakan layout XML untuk mendesain tampilan aplikasi kalkulator. Berikut adalah contoh desain sederhana untuk kalkulator:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/resultTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:textSize="24sp"
android:text="0"
android:gravity="end" />
<GridLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:columnCount="4"
android:rowCount="5"
android:layout_gravity="center">
<!-- Tambahkan tombol-tombol angka dan operasi di sini -->
<!-- Contoh: -->
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:text="7"
android:id="@+id/btnSeven" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:text="8"
android:id="@+id/btnEight" />
<!-- Tambahkan tombol-tombol lainnya -->
</GridLayout>
</LinearLayout>
Langkah 3: Membuat Fungsi Kalkulator
- Buka file “MainActivity.kt” di folder “java/<package_name>/”, dan ganti <package_name> dengan nama package yang Anda tentukan saat membuat proyek.
- Implementasikan logika kalkulator di dalam kelas MainActivity. Berikut adalah contoh implementasi sederhana:
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.TextView
class MainActivity : AppCompatActivity() {
private lateinit var resultTextView: TextView
private var currentNumber: StringBuilder = StringBuilder()
private var currentOperator: String = ""
private var firstOperand: Double = 0.0
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
resultTextView = findViewById(R.id.resultTextView)
val numberButtons = listOf<Button>(
findViewById(R.id.btnSeven),
findViewById(R.id.btnEight),
// Tambahkan semua tombol angka di sini
)
val operatorButtons = listOf<Button>(
findViewById(R.id.btnAdd),
findViewById(R.id.btnSubtract),
// Tambahkan semua tombol operasi di sini
)
val equalsButton = findViewById<Button>(R.id.btnEquals)
val clearButton = findViewById<Button>(R.id.btnClear)
numberButtons.forEach { button ->
button.setOnClickListener {
onNumberClick(button.text.toString())
}
}
operatorButtons.forEach { button ->
button.setOnClickListener {
onOperatorClick(button.text.toString())
}
}
equalsButton.setOnClickListener {
onEqualsClick()
}
clearButton.setOnClickListener {
onClearClick()
}
}
private fun onNumberClick(number: String) {
currentNumber.append(number)
updateResultText()
}
private fun onOperatorClick(operator: String) {
if (currentOperator.isEmpty()) {
firstOperand = currentNumber.toString().toDouble()
currentNumber.clear()
currentOperator = operator
updateResultText()
}
}
private fun onEqualsClick() {
if (currentOperator.isNotEmpty() && currentNumber.isNotEmpty()) {
val secondOperand = currentNumber.toString().toDouble()
val result = when (currentOperator) {
"+" -> firstOperand + secondOperand
"-" -> firstOperand - secondOperand
// Tambahkan operasi lainnya di sini
else -> 0.0
}
currentNumber.clear()
currentOperator = ""
firstOperand = result
updateResultText()
}
}
private fun onClearClick() {
currentNumber.clear()
currentOperator = ""
firstOperand = 0.0
updateResultText()
}
private fun updateResultText() {
resultTextView.text = currentNumber.toString()
}
}
Langkah 4: Menjalankan Aplikasi
- Pastikan tidak ada error di proyek kamu.
- Sambungkan perangkat Android atau gunakan emulator untuk menjalankan aplikasi.
- Aplikasi kalkulator sederhana siap untuk diuji coba
Demikianlah tutorial cara membuat aplikasi kalkulator sederhana menggunakan Android Studio dan bahasa Kotlin. Selamat mencoba!