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

Tramitar acta de nacimiento en línea de manera instantánea

En este post te quiero compartir mi experiencia tramitando un acta de nacimiento de México…

59 min hace

Creador de credenciales web – Aplicación gratuita

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

2 semanas 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…

2 semanas 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…

2 semanas 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…

2 semanas hace

Errores de Comlink y algunas soluciones

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

2 semanas hace

Esta web usa cookies.