Hoy veremos como llenar un spinner con la librería volley, este tutorial es básico pero muy revelador a la hora de trabajar con controladores spinner, les comento que es mucho mas fácil que cuando lo hacíamos con la librería de apache, si no leíste puede verlo en este siguiente enlace: poblar un spinner  , las recomendaciones acostumbradas en nuestros tutoriales es que lean desde el principio al fin y tendrán ceros errores.

Como llenar un spinner con volley y mysql en android

poblar spinner con volley

Que necesitamos para llenar nuestro spinner?

• paciencia
• un base de datos en mysql
• una web services en php y json
• una aplicación android

Bien empezamos por la base de datos se llamara, spinner y contendrá lo siguiente.

Base de datos

CREATE TABLE IF NOT EXISTS `frutas` (
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `nombre` varchar(90) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `id` (`id`)
);
 
INSERT INTO `frutas` (`id`, `nombre`) VALUES
(1, 'manzana'),
(2, 'uva'),
(3, 'papaya'),
(4, 'mango');

Bueno ahora seguimos con nuestra webservice, tendrá la siguiente estructura. dentro de una carpeta llamada spinner tendremos tres carpetas datos, negocio, web-services y dentro de ella los archivos como se muestra la imagen:

webservices poblar spinner

crearemos primero la Conexion.clase.php

Conexion.clase.php

<?php

    class Conexion {

        protected $dblink;
                
        function __construct() {
            $servidor = "mysql:host=localhost;dbname=spinner";
            $usuario = "root";
            $clave = "12345";
            
            $this->dblink = new PDO($servidor, $usuario, $clave);
            $this->dblink->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
            $this->dblink->exec("SET NAMES utf8");
        }
        

}

?>

Ahora nuestro Fruta.clase.php

Fruta.clase.php

<?php
    require_once '../datos/Conexion.clase.php';
    class Fruta extends Conexion{


        public function listar(){
            $sql = "SELECT * FROM frutas";
            $sentencia = $this->dblink->prepare($sql);
            $sentencia->execute();            
            return $sentencia->fetchAll(PDO::FETCH_OBJ);
        }  

    	   }
?>

Por ultimo nuestro listar-fruta.php

listar-fruta.php

<?php
    require_once '../negocio/Fruta.clase.php';
    $objFruta = new Fruta();
    $resultado = $objFruta->listar();
    $respuesta = array(
        "usuario"=>$resultado
    );
    echo json_encode($respuesta);   
?>

Si todo lo hicimos bien nos dirigimos al siguiente enlace:

http://localhost/spinner/web-services/listar-fruta.php

y obtendremos la lista de frutas:

{
    "usuario": [
        {
            "id": "1",
            "nombre": "manzana"
        },
        {
            "id": "2",
            "nombre": "uva"
        },
        {
            "id": "3",
            "nombre": "papaya"
        },
        {
            "id": "4",
            "nombre": "mango"
        }
    ]
}

Ahora continuamos con la aplicación, empezamos por los permisos que debemos agregar en nuestro AndroidManifest

<uses-permission android:name="android.permission.INTERNET"/>

debemos agregar dentro de application usesCleartextTraffic=”true”

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:supportsRtl="true"
    android:theme="@style/AppTheme"
    android:usesCleartextTraffic="true">

Luego debemos agregar la librería de volley en nuestro buil.gradle

implementation'com.android.volley:volley:1.1.0'

Continuamos con la parte gráfica de la aplicación para esto solo necesitamos agregar el controlador spinner.

activity_main

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="16dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    tools:context=".MainActivity">

    <Spinner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/sppFrutas"
        android:layout_marginTop="65dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>

Crearemos una clase llamada conexión.

conexion

public class Conexion {
    public static final String URL_WEB_SERVICES ="http://192.168.8.147/spinner/web-services/";
}

Por ultimo nuestro MainActivity con el código para extraer los datos.

MainActivity

package com.androfast.applistarspinnervolley;

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.Toast;

import com.androfast.applistarspinnervolley.datos.Conexion;
import com.android.volley.DefaultRetryPolicy;
import com.android.volley.Request;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.RetryPolicy;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    private Spinner spinner ;
    ArrayList<String> frutas;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        frutas=new ArrayList<>();
        spinner = (Spinner) findViewById(R.id.sppFrutas);
        listar();
        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
                String fruta=   spinner.getItemAtPosition(spinner.getSelectedItemPosition()).toString();
                Toast.makeText(getApplicationContext(),fruta,Toast.LENGTH_LONG).show();
            }
            @Override
            public void onNothingSelected(AdapterView<?> adapterView) {
                // DO Nothing here
            }
        });

    }
    public void listar(){
        RequestQueue requestQueue= Volley.newRequestQueue(getApplicationContext());
        StringRequest stringRequest=new StringRequest(Request.Method.POST, Conexion.URL_WEB_SERVICES+"listar-fruta.php",
                new Response.Listener<String>() {
                    @Override
                    public void onResponse(String response) {
                        try{
                            JSONObject jsonObject=new JSONObject(response);
                            JSONArray jsonArray=jsonObject.getJSONArray("usuario");
                            for(int i=0;i<jsonArray.length();i++){
                                JSONObject jsonObject1=jsonArray.getJSONObject(i);
                                String fruta=jsonObject1.getString("nombre");
                                  frutas.add(fruta);
                            }
                            spinner.setAdapter(new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_spinner_dropdown_item, frutas));
                        }catch (JSONException e){e.printStackTrace();}
                    }
                }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                error.printStackTrace();
            }
        });
        int socketTimeout = 30000;
        RetryPolicy policy = new DefaultRetryPolicy(socketTimeout, DefaultRetryPolicy.DEFAULT_MAX_RETRIES, DefaultRetryPolicy.DEFAULT_BACKOFF_MULT);
        stringRequest.setRetryPolicy(policy);
        requestQueue.add(stringRequest);
    }
}

Como es de costumbre te dejo la aplicación para que la puedas descargar en el siguiente enlace aquí.

Password: www.androfast.com

ANDROFAST

Hola soy Alex Céspedes  fundador de ANDROFAST, programo algunas cosas por diversión, me gusta aprender cosas nuevas y estoy pendiente de todo lo que tenga que ver con tecnología. Este blog lo cree para todas las personas que tengan dificultades en la programación, para ser sincero nunca fui bueno y reprobé algunos cursos de programación, pero mis ganas de aprender pudieron más. SI YO PUEDO TU PUEDES ANIMO!

www.androfast.com