Cara membuat ListView android kotlin, click onClickListener

Langkah mudah membuat ListView android kotlin click onClickListener, cara cepat membuat listView sederhana pada kotlin menggunakan android studio.

Hallo Selamat malam lagi teman-teman. jumpa lagi dengan kak mitra masih sama kak mitra di sini, kayaknya kak mitra lagi jatuhcinta sama bahasa kotlin, hehehe.. seperti biasa kali ini kak mitra akan share pengalaman kakak di android studio programming menggunakan kotlin. yaiut bagaimana cara membuat listView pada android kotlin.. oke pertama kita mari kita berkenalan terlebih dahulu dengan si listview, atau apa itu listView.  

ListView adalah salah satu fitur di android kotlin sebagai user interface kepada user. jadi user dapat melihat kumpulan data, atau kumpulan list menjadi lebih rapi. Apabila data dalam listview ini terlalu banyak maka nanti akan ditampilkan berupa scroll ke bawah. mungkin sedikit sulit dijelasankan bila menggunakan deskripsi. karena itu kita akan menggunakan gambar hehe apabila teman-teman masih binggung apa itu listView, berikut adalah penampakan dari screenshoot listview. untuk contoh ini masih sangat sederhana, teman-teman bisa membuatnya menjadi lebih menarik dan cantik.

Dari gambar di atas, listview yang kak mitra buat berfungsi untuk menampilkan data nama-nama kota di indonesia. masih sangat sederhana ya

Naah tadi kan kita sudah berkenalan, kali ini kita akan membuat programnya. kak mitra asumsikan teman-teman sudah melakukan installasi andorid studio dengan benar ya beserta library library yang dibutuhkan. minimal sudah bisa menampilkan hello world. apabaila teman-teman belum melakukan installasi android studio. teman-teman dapat membaca artikel kak mitra yang lama tentang cara cara atau langkah mudah melakukan installasi android studio.

- Buat projek baru dengan nama ListView (bersifat opsional sih, untuk nama teman-teman bisa bebas membuatnya sesuai keinginan) dan tunggu hingga proses graddle selesai dengan sukses

Setelah proses graddle selesai, hanya ada dua file yang perlu kita perhatikan yaitu

- activity_main.xml

- MainActivity.kt

1. Buka file activity_main.xml lalu konfigurasi kodenya seperti berikut ini :

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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">

    <ListView
        android:id="@+id/userlist"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>

</androidx.constraintlayout.widget.ConstraintLayout>

NB : perhatikan tag <ListView> 

2. Buka MainActivity.kt lalu konfigrasikan kodenya seperti berikut ini : 

package com.example.listview

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.view.View
import android.widget.AdapterView
import android.widget.ArrayAdapter
import android.widget.ListView
import android.widget.Toast

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val arrayAdapter: ArrayAdapter<*>
        val users = arrayOf(
            "Jakarta",
            "Surabaya",
            "Semarang",
            "Yogyakarta",
            "Lumajang"
        )

        // access the listView from xml file
        var mListView = findViewById<ListView>(R.id.userlist)
        arrayAdapter = ArrayAdapter(this,
            android.R.layout.simple_list_item_1, users)
        mListView.adapter = arrayAdapter

        mListView.setOnItemClickListener { parent, view, position, id ->
            val element = mListView.getItemAtPosition(position)
            Log.d("logTag",element.toString())
        }



    }
}

Setelah teman-teman selesai melakukan konfigurasi kode. teman-teman sudah bisa menjalankan program dengan cara klik runing, dan tunggu hingga proses running selesai. apabila kode yang teman-teman konfigurasikan sudah benar seharusnya program teman-teman sudah berjalan dengan baik. seperti gambar di bawah ini .

Sedangkan untuk fungsi onClickListener teman-teman dapat mencoba klik salah satu kota di dalam listView. dan perhatikan pata terminal LogCat, di sana terdapat perubahan dari onClickListener

Untuk source codenya kak mitra upload di sini ya teman-teman 

github.com/mitraide/listView

Kak mitra sudah menggunakan cara ini dan berjalan dengan baik untuk kak mitra. sampai jumpa di artikel selanjutnya..