Membuat Aplikasi Papan Score Sederhana Android

Membuat Aplikasi Papan Score Sederhana Android

membuat aplikasi sederhana papan score sederhana android

Setelah beberapa waktu yang lalu kita sudah mengenal cukup banyak tentang layouting dan view group maka kali ini kita mencoba untuk membuat project sederhana yaitu tentang aplikasi papan score. Jika kalian belum membaca postingan kemarin tentang layouting dan beberapa macam view group di android saya sarankan anda untuk membaca terlebih dahulu. Mengenal constraint layout, linear layout dan relative layout pada android development.

Sebenarnya codelabs kali ini kita akan mengimplementasikan apa yang sudah kita pelajari kemarin-kemarin, code ini akan menggunakan bahasa kotlin.

Layouting Apps

Langkah pertama yang biasa saya lakukan adalah menentukan layout apps nya mau bagaimana, disini kita harus menganalisis aplikasi kita akan menggunakan view dan component apa aja. Untuk case ini component yang saya butuhkan adalah view group : linear layout. view : 2 button dan 1 textview.

Untuk membuat layout seperti gambar diatas, anda bebas ya berkreasi jadi tidak harus menggunakan view group linear. Bebas lah anda boleh menggunakan relative atau constraint layout. Saya anggap anda sudah bisa membuat new project pada android studio ya, jika belum bisa baca membuat project pertama kali android studio.

Berikut code yang saya buat ketika membuat layout seperti pada gambar diatas :

Sehingga penampakannya adalah seperti berikut :

Business Logic

Silahkan anda buka MainActivity.kt pada folder app/src/main/java/nama_package/. Kemudian edit file tersebut sehingga seperti ini :

Silahkan di running mudah mudahan tidak error ya. :)

Review code

private var score = 0

Pada baris code ini saya membuat sebuah variable yang bisa diubah (mutable) untuk menampung nilai score. Jika di kotlin itu ada dua macam variable, ada mutable (bisa diubah deklarasinya menggunakan var) dan imutable (tidak bisa diubah deklarasinya menggunakan val).

btn_count.setOnClickListener { countScore() } 

btn_toast.setOnClickListener { showToast() } 

Code diatas berguna untuk memberi action pada btn_count dan btn_toast, jadi ketika btn_count di klik oleh user dia akan melakukan apa, misal disini aksinya adalah memanggil method countScore. Begitu juga dengan btn_toast dia juga punya action nya sendiri.

private fun showToast() { Toast.makeText(this, "Score is $score", Toast.LENGTH_LONG).show()  } 

Saya membuat method bernama showToast() yang akan di panggil pada saat btn_toast di klik, yang mana berguna untuk memunculkan toast (pesan atau informasi) tentang recent score.

private fun countScore() {

score = tv_score.text.toString().toInt()

score++

tv_score.text = score.toString() }  

Method ini berguna untuk menambahkan nilai variable score, jadi pertama saya set nilai variable score mengambil nilai dari TextView tv_score, kemudian nilai variable score tsb aku increment (+1) kemudian aku set ke TextView tv_score. Sehingga ketika method ini dipanggil maka akan menambah nilai score +1.

Mungkin itu aplikasi papan score sederhana pada sore hari ini, sangat-sangat mudah untuk dipahami (mudah-mudahan), silahkan improve lagi aplikasinya sesuai dengan imajinasi kalian ya semoga bermanfaat dong bagi kalian semua jika ada error dan binggung atau ada yang ditanyakan bisa comment di kolom komentar.

Senang bisa sharing dengan kalian semoga bisa ketemu di edisi codelabs selanjutnya, see you gaes jangan lupa coding hari ini. :)