Aprenda a usar o Spinner (caixa de seleção) no Android (Kotlin)

<Spinner
android:id="@+id/spinner_estatico"
android:entries="@array/opcoes_array"
android:spinnerMode="dropdown"
android:dropDownVerticalOffset="50dp"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

<resources>
<string name="app_name">...</string>

<string-array name="opcoes_array">
<item>Micilini Roll</item>
<item>Gabriel Solano</item>
<item>Toneleda Tias</item>
</string-array>

</resources>

<resources>
<string name="app_name">TestesComponentes</string>

<string-array name="opcoes_array">
<item>Micilini Roll</item>
<item>Gabriel Solano</item>
<item>Toneleda Tias</item>
</string-array>

<string-array name="opcoes_valores">
<item>99</item>//Este item é destinado ao 'Micilini Roll'
<item>87</item>//Este item é destinado ao 'Gabriel Solano'
<item>89</item>//Este item é destinado a 'Toneleda Tias'
</string-array>

</resources>

val spinnerEstatico = findViewById<View>(R.id.spinner_estatico) as Spinner//Seleciona o elemento Spinner pelo seu ID

val opcaoSelecionada = spinnerEstatico.selectedItem.toString()//Seleciona a opção que está selecionada no momento e retorna em formato de string

val posicaoAtual: Int = spinnerEstatico.getSelectedItemPosition()//Seleciona a posição atual do spinner (Retorna um valor numérico)

val valoresDoSpinner = resources.getStringArray(R.array.opcoes_valores)//Retorna todos os itens existentes no 'opcoes_valoresdo string.xml

val opcaoSelecionadaValor = Integer.valueOf(valoresDoSpinner[posicaoAtual])//Retorna o valor numérico do item selecionado

spinnerEstatico?.onItemSelectedListener = object : AdapterView.OnItemSelectedListener{
override fun onNothingSelected(parent: AdapterView<*>?) {
Log.d("onNothingSelected", "Nada Selecionado")
}
override fun onItemSelected(parent: AdapterView<*>?, view: View?, position: Int, id: Long) {
Log.d("onItemSelected", "Posição: $position, id: $id")
}
}

val idItemSelecionado = spinnerEstatico.selectedItemId

val posicaoItemSelecionado = spinnerEstatico.selectedItemPositivon

spinnerEstatico.setSelecion(2)//Aqui estamos escolhendo o item existente no índice 2 do Spinner

<Spinner
android:id="@+id/spinner_dinamico"
android:spinnerMode="dropdown"
android:dropDownVerticalOffset="50dp"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

val list = listOf<String>("Micilini Roll - Dinâmico", "Gabriel Solano - Dinâmico", "Toneleda Tias - Dinâmico")//Definimos a lista que será atribuida ao spinner_dinamico

val adapter = ArrayAdapter(this, android.R.layout.simple_spinner_dropdown_item, list)

val spinnerDinamico = findViewById<View>(R.id.spinner_dinamico) as Spinner

spinnerDinamico.adapter = adapter

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:gravity="center"
tools:context=".MainActivity">

<Spinner
android:id="@+id/spinner"
android:spinnerMode="dropdown"
android:dropDownVerticalOffset="50dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<ImageView
android:id="@+id/imageView"
android:layout_width="50dp"
android:layout_height="50dp"
android:padding="5dp"
android:src="@mipmap/ic_launcher" />

<TextView
android:id="@+id/textView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:layout_gravity="center"
android:text="Custom Text"
android:textColor="#000" />

</LinearLayout>

package com.example.testescomponentes.spinner

import android.content.Context
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.BaseAdapter
import android.widget.ImageView
import android.widget.TextView
import com.example.testescomponentes.R

//Quando temos um Spinner customizado, devemos criar uma instância customizada de Adapter que herda de BaseAdapter
class CustomAdapter(internal var context: Context, internal var imagensFrutas: IntArray, internal var nomeFrutas: Array<String>) : BaseAdapter() {//Aqui estamos recebendo como parâmetro o contexto, junto com as imagens e o nome das frutas

internal var inflter: LayoutInflater//Cria o atributo que será necessário para Inflar o arquivo 'spinner_custom_layout.xmldentro do elemento Spinner existente na 'activity_main.xml'

init {
//Bloco de código que é executado quando a classe 'CustomAdapteré instanciada
inflter = LayoutInflater.from(context)//A primeira coisa que a gente faz é inflar o Layout com o contexto de MainActivity
}

//Retorna o número total de itens que devem ser carregados no Spinner
override fun getCount(): Int {
return imagensFrutas.size//Poderiamos usar tanto nomesFrutas.size quanto imagensFrutas.size que não alteraria em nada pois ambos possuem o mesmo tamanho
}

//Método que retorna o nome da fruta. Este método foi feito para ser usado fora da classe.
override fun getItem(i: Int): Any? {
return nomeFrutas[i]
}

//Método usado para retornar o id do item selecionado.
override fun getItemId(i: Int): Long {
return i.toLong()
}

//Para que usar os métodos getItem e getItemId se já não conseguimos fazer isso por meio do onItemSelected existente na MainActivity.kt?

/*
Resposta de um usuário do Stackoverflow: A finalidade ou uso do método depende principalmente do desenvolvedor e não está vinculado a um aplicativo baseado em banco de dados. use-o a seu favor para criar código claro/legível/reutilizável.
Ou seja, esses dois métodos atuam como funcionalidades opcionais que podemos usar caso queiramos uma outra maneira de selecionar um item ou um id.
*/

override fun getView(i: Int, view: View?, viewGroup: ViewGroup): View {

//É importante ressaltar que a função getView atua neste momento como uma especie de LOOP, e o número de laços será definido pelo retorno do método getCount.
//E é dessa forma que ele vai inflando e preenchendo os elementos do 'spinner_custom_layout.xmlcom seus respectivos valores.

val view = inflter.inflate(R.layout.spinner_custom_layout,null)//Primeiro ele infla o layout do arquivo 'spinner_custom_layout.xml'.

val icon = view.findViewById<View>(R.id.imageView) as ImageView?//Em seguida acessamos o elemento do tipo imagem.

val names = view.findViewById<View>(R.id.textView) as TextView?//Em seguida acessamos o elemento do tipo texto.

icon!!.setImageResource(imagensFrutas[i])//Aqui estamos setando a imagem existente no arquivo inflado com aquela que se encontra no nosso array de imagens.

names!!.text = nomeFrutas[i]//Aqui estamos setando o texto do arquivo inflado com aquela que se encontra no nosso array de nomes.

//Para saber mais como funciona as duplas exclamações acesse: https://micilini.com/conteudos/android/nullsafety-e-excecoes

return view//Retorna a View criada
}

}

package com.example.testescomponentes

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity

import android.view.View
import android.widget.AdapterView
import android.widget.Spinner
import android.widget.Toast
import com.example.testescomponentes.spinner.CustomAdapter

class MainActivity : AppCompatActivity() {

internal var nomeFrutas = arrayOf("Uvas", "Manga", "Abacaxi", "Morango")
internal var imagensFrutas = intArrayOf(R.drawable.uva, R.drawable.manga, R.drawable.abacaxi, R.drawable.morango)


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

criaSpinnerPersonalizado()//Método que chama os comandos capazes de personalizar o Spinner com Layout de Imagens + Texto
}

fun criaSpinnerPersonalizado(){

//Seleciona a instancia de spinner existente dentro da nossa view (activity_main.xml)
val spinner = findViewById<View>(R.id.spinner) as Spinner

//Adiciona o método capaz de analisar todas as modificações que o usuário faz no Spinner
spinner.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {

override fun onItemSelected(parent: AdapterView<*>, view: View, position: Int, id: Long) {
//Quando o usuário seleciona uma determinada opção, é mostrado uma mensagem alegando a opção que ele escolheu
Toast.makeText(
this@MainActivity,
"Você selecionou a posição: " + position + ", cujo valor é: " + nomeFrutas[position],
Toast.LENGTH_SHORT
).show()
}

override fun onNothingSelected(parent: AdapterView<*>) {
//Quando o usuário não seleciona nenhuma opção, é mostrada uma outra mensagem
Toast.makeText(
this@MainActivity,
"Você não selecionou nenhuma opção",
Toast.LENGTH_SHORT
).show()
}

}

//Cria uma instância de CustomAdapter, enviando o contexto da aplicação principal juntamente com os atributos que armazenam os textos e o caminho das imagens
val customAdapter = CustomAdapter(applicationContext, imagensFrutas, nomeFrutas)

spinner.adapter = customAdapter//Faz a cola do Adapter com o Spinner setado na nossa view
}

}