Membuat Aplikasi Counter Sederhana Dengan Kotlin

Membuat Aplikasi Counter Sederhana Dengan Kotlin

Membuat Aplikasi Counter Sederhana Dengan Kotlin

Setelah beberapa kali pembahasan pengenalan Kotlin, dan kemarin kami juga telah membahas tentang sintaks dasar Kotlin. Kini mari kita bersama-sama mencoba membuat aplikasi android penghitung sederhana dengan menggunakan bahasa Kotlin.

Pertama-tama buatlah new project pada android studio dan pilih api 15 serta empty layout.

Setelah selesai menyiakan project sekarang saatnya membuat layout android yang terdiri dari 1 TextView dan 3 Button. Untuk lebih mudah gunakan mode design dan buatlah sebagus mungkin. Sementara yang saya buat adalah sebagai berikut:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="com.ramannada.justjava.MainActivity"
    android:orientation="vertical"
    android:weightSum="5">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="50dp">
        <Button
            android:id="@+id/btn_decrement"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="-"
            android:onClick="decrement"/>

        <TextView
            android:id="@+id/tv_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:layout_weight="3"
            android:gravity="center"/>

        <Button
            android:id="@+id/btn_increment"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="+"
            android:onClick="increment"/>
    </LinearLayout>

    <Button
        android:id="@+id/btn_reset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Reset"
        android:layout_gravity="center"
        android:layout_marginTop="30dp"
        android:onClick="reset"/>

</LinearLayout>

Yang perlu diperhatikn dari view di atas adalah pastikan id tombol dan fungsi di dalam onClick adalah sama karena kita akan memanggil fungsi saat tombol bernama tersebut diklik. Nah setelah selesai dengan layout saatnya menuju java dengan koding berikut.

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.TextView


class MainActivity : AppCompatActivity() {
    var i: Int = 0
    
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    }

/*--------------------------------------------------------------*/

    fun decrement(v: View) {
        if (i <= 1) {
           return
        }
        i -= 1
        val tv: TextView = findViewById(R.id.tv_count)
        tv.text = i.toString()
    }

    fun increment(v: View) {
        i+= 1

        val tv: TextView = findViewById(R.id.tv_count)
        tv.text = i.toString()
    }

    fun reset(v: View) {
        i = 0
        val tv: TextView = findViewById(R.id.tv_count)
        tv.text = i.toString()
    }
}


perhatikan 3 fungsi setelah garis komentar nah 3 fungsi itulah yang kita panggil sesuai onClick yang ada di layout yang sudah dibuat awal tadi. Dari ke 3 fungsi tersebut bisa disimpulkan kita memberikan nilai ulang pada variabel i yang kita deklarasikan sebagai global variabel lalu kita memasukkan nilai tersebut ke dalam TextView.

Ditulis oleh : Labib Muhajir (Peserta didik MIT School)

Related posts:

Loading Facebook Comments ...