Android Dropdown List with Spinner

Demo

If you want implement a simple drop down list. Here you go.
Spinner is used to select one value from a set of values in Android. Android Spinner is associated with AdapterView, so that we need to set a adapter class with the Spinner.
Let’s code!

It consists of a TextView and a Spinner in the following layout file:

<?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">

    <TextView
        android:id="@+id/tvSelectedItem"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:gravity="center"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <Spinner
        android:id="@+id/spDropdownList"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tvSelectedItem"/>

</androidx.constraintlayout.widget.ConstraintLayout>

Following snippet shows how to associate a adapter to Spinner:

    private fun prepareSpinnerAdapter(){
        spinnerAdapter = ArrayAdapter(this@MainActivity,android.R.layout.simple_spinner_dropdown_item,spinnerDropdownList)
        spinnerAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
        spinner.adapter = spinnerAdapter
        spinner.onItemSelectedListener = object: AdapterView.OnItemSelectedListener{
            override fun onItemSelected(
                parent: AdapterView<*>?,
                view: View?,
                position: Int,
                id: Long
            ) {
                tvSelectedItem.text = parent?.getItemAtPosition(position).toString()
            }

            override fun onNothingSelected(parent: AdapterView<*>?) {
                TODO("Not yet implemented")
            }
        }
    }

We register a listener to Spinner. It gets the value selected by clicking.It’ll show on the TextView component.
Following code is to prepare data for Spinner:

private fun prepareDataForSpinner(){
        for(i in 1 until 10){
            spinnerDropdownList.add("Item $i")
        }
    }

All code of MainActivity.java is here:

package com.example.dropdownlist

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.AdapterView
import android.widget.ArrayAdapter
import android.widget.Spinner
import android.widget.TextView

class MainActivity : AppCompatActivity() {
    private lateinit var tvSelectedItem: TextView
    private lateinit var spinner:Spinner
    private val spinnerDropdownList:MutableList<String> =  mutableListOf()
    private lateinit var spinnerAdapter:ArrayAdapter<String>
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        spinner = findViewById(R.id.spDropdownList)
        tvSelectedItem = findViewById(R.id.tvSelectedItem)

        prepareDataForSpinner()
        prepareSpinnerAdapter()
    }

    private fun prepareDataForSpinner(){
        for(i in 1 until 10){
            spinnerDropdownList.add("Item $i")
        }
    }
    private fun prepareSpinnerAdapter(){
        spinnerAdapter = ArrayAdapter(this@MainActivity,android.R.layout.simple_spinner_dropdown_item,spinnerDropdownList)
        spinnerAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
        spinner.adapter = spinnerAdapter
        spinner.onItemSelectedListener = object: AdapterView.OnItemSelectedListener{
            override fun onItemSelected(
                parent: AdapterView<*>?,
                view: View?,
                position: Int,
                id: Long
            ) {
                tvSelectedItem.text = parent?.getItemAtPosition(position).toString()
            }

            override fun onNothingSelected(parent: AdapterView<*>?) {
                TODO("Not yet implemented")
            }
        }
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值