Android

Spinner en Android y Kotlin: Escuchar cambio de elemento seleccionado

Acabamos de ver cómo agregar un listener a un Spinner para saber cuándo se selecciona un elemento en Android, pero lo hicimos con Java.

Ahora voy a mostrarte cómo escuchar el cambio de un Spinner en Kotlin, para programar en Android.

Listener de Spinner con Kotlin

Obviamente debemos tener una referencia al Spinner, en mi caso esa referencia o variable se llama spinnerCategoriasReporteGastos.

Hay que agregar un listener de tipo OnItemSelectedListener de la siguiente manera:

spinnerCategoriasReporteGastos.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
    override fun onNothingSelected(parent: AdapterView<*>?) {
        Toast.makeText(context!!, "onNothingSelected", Toast.LENGTH_SHORT).show()
    }

    override fun onItemSelected(parent: AdapterView<*>?, view: View?, position: Int, id: Long) {
        Toast.makeText(context!!, "onItemSelected position: $position. id: $id", Toast.LENGTH_SHORT).show()
    }
}

El método importante aquí es onItemSelected, pues recibimos la posición del elemento que fue seleccionado.

Lo único que hago es mostrar un simple toast para saber que un elemento fue seleccionado.

Llamada en la creación de la actividad

Este listener tiene un pequeño defecto, y es que también es invocado cuando la actividad o fragmento es creado.

Podemos agregar una bandera como vimos en el otro post. De esta manera, usando una variable booleana, podemos ignorar la primera llamada.

Declaramos la global:

class ReporteGastosFragment : Fragment() {
    var banderaListener = false
    // Aquí más código...
}

Y en el listener evitamos la primera vez:

spinnerCategoriasReporteGastos.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
    override fun onNothingSelected(parent: AdapterView<*>?) {
        Toast.makeText(context!!, "onNothingSelected", Toast.LENGTH_SHORT).show()
    }

    override fun onItemSelected(parent: AdapterView<*>?, view: View?, position: Int, id: Long) {
        if (!banderaListener) {
            banderaListener = true
            return
        }
        // A partir de acá, podemos asumir que la llamada es genuina y generada por el usuario
        Toast.makeText(context!!, "onItemSelected position: $position. id: $id", Toast.LENGTH_SHORT).show()
    }
}

Así de simple es. Recuerda que para obtener el elemento puedes usar la variable position como índice.

En mi caso funciona como un encanto:

Escuchar elemento seleccionado de Spinner en Android con Kotlin

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

2 días hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

1 semana hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

1 semana hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

1 semana hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

1 semana hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

1 semana hace

Esta web usa cookies.