Android ListView in Kotlin

Android ListView is a ViewGroup which is used to display the list of items in multiple rows and contains an adapter which automatically inserts the items into the list. The main purpose of the adapter is to fetch data from an array or database and insert each item that is placed into the list for the desired result. So, it is the main source to pull data from strings.xml file which contains all the required strings in Kotlin or XML files.

In this article, we will learn how to use Android ListView in Kotlin.

Android Adapter

The adapter holds the data fetched from an array and iterates through each item in the data set and generates the respective views for each item of the list. So, we can say it act as an intermediate between the data sources and adapter views such as ListView, and Gridview.

Types of Adapters

Different Types of Adapter are mentioned below:

Adapter Type

Description

ArrayAdapter

It always accepts an Array or List as input. We can store the list items in the strings.xml file also.

CursorAdapter

It always accepts an instance of the cursor as an input means

SimpleAdapter

It mainly accepts static data defined in the resources like arrays or databases.

BaseAdapter

It is a generic implementation for all three adapter types and it can be used in the views according to our requirements.

Now, we going to create an Android application named as ListViewInKotlin using an array adapter. Open an activity_main.xml file from \res\layout path and write the code like as shown below.

activity_main.xml file

In this file, we declare the LisitView within LinearLayout and set its attributes. Later, we will access the ListView in the Kotlin file using the id.

activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ListView
        android:id="@+id/userlist"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>
</LinearLayout>

MainActivity.kt

When we have created layout, we need to load the XML layout resource from our activity onCreate() callback method and access the UI element form the XML using findViewById.

MainActivity.kt
import android.widget.ArrayAdapter
import android.widget.ListView
class MainActivity : AppCompatActivity() {

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

        // use arrayadapter and define an array
        val arrayAdapter: ArrayAdapter<*>
        val users = arrayOf(
            "Virat Kohli", "Rohit Sharma", "Steve Smith",
            "Kane Williamson", "Ross Taylor"
        )
        
        // 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
    }
}

ListView Output:

We need to run using Android Virtual Device(AVD) to see the output.



Contact Us