Skip to main content

How to create a custom adapter for a Spinner in Kotlin Android

How to create a custom adapter for a Spinner in Kotlin Android.

Here is a detailed step-by-step tutorial on how to create a custom adapter for a Spinner in Kotlin Android:

Step 1: Create a new Android project​

Start by creating a new Android project in Android Studio. Choose an appropriate project name and package name for your application.

Step 2: Define the data for your Spinner​

Decide on the data that you want to display in your Spinner. For example, let's say you want to display a list of colors. Create a List of strings to hold the color names:

val colors = listOf("Red", "Green", "Blue", "Yellow", "Orange")

Step 3: Create a layout for the Spinner item​

Next, create a layout XML file to define the layout for each item in the Spinner. For example, create a file called spinner_item.xml with the following contents:

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:padding="8dp" />

Step 4: Create a custom adapter class​

Now, create a custom adapter class by extending the BaseAdapter class and implementing the necessary methods. Create a file called CustomSpinnerAdapter.kt and add the following code:

import android.content.Context
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.BaseAdapter
import android.widget.TextView

class CustomSpinnerAdapter(private val context: Context, private val data: List<String>) : BaseAdapter() {

    override fun getCount(): Int {
        return data.size
    }

    override fun getItem(position: Int): Any {
        return data[position]
    }

    override fun getItemId(position: Int): Long {
        return position.toLong()
    }

    override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {
        val view: View
        val viewHolder: ViewHolder

        if (convertView == null) {
            view = LayoutInflater.from(context).inflate(android.R.layout.simple_spinner_item, parent, false)
            viewHolder = ViewHolder(view)
            view.tag = viewHolder
        } else {
            view = convertView
            viewHolder = view.tag as ViewHolder
        }

        viewHolder.textView.text = data[position]

        return view
    }

    private class ViewHolder(view: View) {
        val textView: TextView = view.findViewById(android.R.id.text1)
    }
}

Step 5: Implement the Spinner in your activity​

Finally, implement the Spinner in your activity by adding it to your layout XML file and initializing it in your activity's code. Open your activity's layout XML file and add the following code to define the Spinner:

<Spinner
    android:id="@+id/spinner"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

Then, open your activity's Kotlin file and add the following code to initialize the Spinner and set the custom adapter:

val spinner = findViewById<Spinner>(R.id.spinner)
val adapter = CustomSpinnerAdapter(this, colors)
spinner.adapter = adapter

That's it! You have successfully created a custom adapter for a Spinner in Kotlin Android. Run your application to see the Spinner with the custom items displayed.

Note: Make sure to replace colors with the appropriate data source for your Spinner.

I hope this tutorial helps you create a custom adapter for a Spinner in Kotlin Android.