Membuat Aplikasi Kalkulator Sederhana di Android Studio (Kotlin)

Posted on

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!

Leave a Reply

Your email address will not be published. Required fields are marked *