Skip to main content

How to create a basic Spinner in Kotlin Android

How to create a basic Spinner in Kotlin Android.

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

Step 1: Create a new Android project in Android Studio.

  • Open Android Studio and click on "Start a new Android Studio project".
  • Choose an application name and domain, and select the minimum SDK version.
  • Choose an activity template and click on "Next".
  • Choose the activity name and layout name, and click on "Finish".

Step 2: Open the layout file for the activity.​

  • Open the layout file for the activity by navigating to the "res" folder and then the "layout" folder.
  • Open the XML file with the name "activity_main.xml".

Step 3: Add the Spinner to the layout file.​

  • Inside the XML file, add the following code to define the Spinner:
<Spinner
    android:id="@+id/spinner"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
  • You can customize the attributes of the Spinner according to your needs.

Step 4: Create an array of items for the Spinner.

  • In the Kotlin file for the activity, declare a variable to hold the array of items:
val items = arrayOf("Item 1", "Item 2", "Item 3", "Item 4")
  • Replace the values in the array with your desired items.

Step 5: Create an ArrayAdapter for the Spinner.​

  • Inside the onCreate method of the activity, create an ArrayAdapter and set it as the adapter for the Spinner:
val spinner: Spinner = findViewById(R.id.spinner)
val adapter = ArrayAdapter(this, android.R.layout.simple_spinner_item, items)
spinner.adapter = adapter
  • Make sure to replace R.id.spinner with the actual id of your Spinner.

Step 6: Handle item selection in the Spinner.​

  • To handle item selection, add an OnItemSelectedListener to the Spinner:
spinner.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
    override fun onItemSelected(parent: AdapterView<*>, view: View?, position: Int, id: Long) {
        val selectedItem = parent.getItemAtPosition(position).toString()
        // Do something with the selected item
    }

    override fun onNothingSelected(parent: AdapterView<*>) {
        // Do something when nothing is selected
    }
}
  • Inside the onItemSelected method, you can access the selected item using parent.getItemAtPosition(position).
  • Replace the comment with your desired functionality when an item is selected.

Step 7: Run the application.​

  • Connect an Android device or start an emulator.
  • Click on the "Run" button in Android Studio to build and run the application.

That's it! You have successfully created a basic Spinner in Kotlin for Android. You can now customize the look and behavior of the Spinner according to your requirements.