Android

Spinner en Android: escuchar cambio de elemento seleccionado

En este post te voy a mostrar cómo escuchar o agregar un listener a un Spinner de Android para saber cuándo fue seleccionado un elemento.

Es decir, agregaremos un listener al Spinner para saber cuándo el usuario selecciona otro elemento.

Para probar puedes llenar tu Spinner con un simple arreglo.

¿Usas Kotlin? mira este post, ya que el presente es sobre Java.

OnItemSelectedListener

Nota: Hay algunos problemas con este listener (no con mi código, sino con Android en general), ya que se desencadena también cuando la vista es creada. Mira el segundo apartado

Simplemente debes obtener tu Spinner (con findViewById) y agregarle un nuevo OnItemSelectedListener; que es una interfaz.

Dentro de la interfaz debes sobrescribir a los métodos onItemSelected y onNothingSelected.

Veamos un ejemplo de código:

Spinner sp = findViewById(R.id.spinnerCategoriasReporteGastos);
sp.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        // Fue seleccionado un elemento. Mira position e id
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
        // Nada fue seleccionado. Por cierto, no he visto que este método se desencadene
    }
});

De lo que tienes que ocuparte es del método onItemSelected, en ese método se pasará la posición del elemento y el id del elemento.

Por cierto, el método onNothingSelected nunca es llamado, o al menos para mí nunca se ha desencadenado.

Así puedes saber cuál elemento fue seleccionado.

Invocación de onItemSelectedListener al inicio de la app

Hay un problema con este listener y es que se llama también cuando la actividad es creada.

Para prevenirlo, evitarlo o aceptarlo puedes hacer dos cosas:

  • Poner el listener en el método onStart de tu app
  • Poner una variable booleana global que va a servir como bandera

Pondré un ejemplo de la bandera. Al inicio de tu clase declara la variable global:

public class GastosFragment extends Fragment {
    private boolean bandera = false;
    // Aquí todo tu código...
}

Dentro del listener, asegúrate de invertirla la primera vez:

sp.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        // Fue seleccionado un elemento. Mira position e id
        if (!bandera) {
            // Es la primera vez cuando es creada, así que la ignoramos
            bandera = true;
            return;
        }
        // A partir de aquí, las llamadas serán genuinas
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
        // Nada fue seleccionado. Por cierto, no he visto que este método se desencadene
    }
});

La segunda vez la bandera estará en true y no se detendrá la función.

Con eso es suficiente, ahora puedes escuchar el listener y realizar las acciones necesarias. Como te lo digo, a través de position puedes acceder a tu arreglo o ArrayList.

Lo sé, es muy difícil, pero así es.

Tal vez ahora quieras cambiarle el color a tu spinner.

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…

3 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.