Como crear un Spinner List en Android

Android Spinner Dropdown List

Hola amigos.

Vamos a crear un proyecto en Android Studio (Aquí).

Comenzaremos con este tutorial crearemos un Spinner con un poco mas de opciones.

El Spinner es similar a un Dropdownlist que es una lista desplegable de elementos. Es muy útil utilizar el Spinner en Android. Y les mostrare las diferentes opciones en que lo pueden utilizar.

Comenzaremos creando el diseño de nuestro proyecto.

El código seria así.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent"
android:layout_height="match_parent" 
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main" tools:context=".MainActivity">
<!-- Text Label -->
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dip"
android:text="Category:"
android:layout_marginBottom="5dp"
android:id="@+id/category"
/>

<!-- Spinner Elementos -->
<Spinner
android:id="@+id/spinner"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/category"
/>

</RelativeLayout>

Para poder utilizar este elemento en la clase. Se utiliza el siguiente fragmento de código.

Spinner spinner = (Spinner) findViewById(R.id.spinner);

Para continuar con este elemento agregaremos un botón para crear una nueva opción utilizando varios controles en este caso el Android Button.

Diseño Android Spinner

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
 android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:paddingBottom="@dimen/activity_vertical_margin"
 app:layout_behavior="@string/appbar_scrolling_view_behavior"
 tools:showIn="@layout/activity_main" tools:context=".MainActivity">
 <LinearLayout
 android:orientation="vertical"
 android:padding="10dip"
 android:id="@+id/linear_layout"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content">

 <!-- Text Label -->
 <TextView
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="10dip"
 android:text="Category:"
 android:layout_marginBottom="5dp"
 android:id="@+id/category"
 />

 <!-- Spinner Elemento -->
 <Spinner
 android:id="@+id/spinner"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_below="@+id/category"
 />
 </LinearLayout>

 <Button
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:text="Continuar"
 android:id="@+id/button"
 android:layout_alignParentBottom="true"
 android:layout_centerHorizontal="true"
 android:layout_marginBottom="137dp" />

</RelativeLayout>

Continuaremos agregando un segundo Activity.

Al cual le agregaremso un TextView para mostrar un mensaje.

<?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:layout_width="match_parent"
 android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:paddingBottom="@dimen/activity_vertical_margin"
 tools:context="com.example.blackjack.myapplication.Main2Activity">
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:textAppearance="?android:attr/textAppearanceMedium"
 android:text="Mensaje"
 android:id="@+id/txt_bundle"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true"
 android:layout_marginTop="103dp" />
</RelativeLayout>

Código MaintActivity

Ahora nos dirigimos al MainActivity. Para escribir nuestro código.

import android.app.Activity;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity implements AdapterView.OnItemSelectedListener {
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 // Declaramos el Spinner y el Button
 final Spinner spinner = (Spinner) findViewById(R.id.spinner);
 Button button = (Button)findViewById(R.id.button);

 // Evento en espera de recibir Click del Spinner
 spinner.setOnItemSelectedListener(this);

 // Elementos que mostrar el Spinner
 List<String> categories = new ArrayList<String>();
 categories.add("Google");
 categories.add("Microsoft");
 categories.add("Yahoo");
 categories.add("Android");
 categories.add("IOS");
 categories.add("Linux");

 // Crear el Adapter para el Spinner
 ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, categories);

 // Estilo de diseño desplegable: vista de lista con el botón de opción
 dataAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

 // Conectar el adaptador de datos para el Spinner
 spinner.setAdapter(dataAdapter);
 
 // Evento del Botón que captura el dato del Spinner que fue seleccionado
 button.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 // Segundo activity
 Intent intent= new Intent(MainActivity.this,Main2Activity.class);
 // Enviar el dato seleccionado en el Spinner get SelectedItem
 intent.putExtra("Seleccion",String.valueOf(spinner.getSelectedItem()));
 // Ejecutar el Intent
 startActivity(intent);
 }
 });
 }

 @Override
 public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
 
 }

 @Override
 public void onNothingSelected(AdapterView<?> parent) {

 }
}

Y ahora abrimos el segundo Activity.

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class Main2Activity extends AppCompatActivity {

 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main2);
 // Declaramos el elemento TextView
 TextView textView=(TextView) findViewById(R.id.txt_bundle);
// Declaramos la variable Bundle para obtener el valor recuperado
 Bundle bundle=getIntent().getExtras();
// Asignamos el valor a nuestra variable
 String data=bundle.get("Seleccion").toString();
// Colocamos el valor en nuestra TextView
 textView.setText(data);
 }
}

Crear Emulador AVD

Con esto quedaría listo nuestro ejemplo. Creamos un emulador (Aquí) para ver nuestro ejemplo en ejecución.

El siguiente Activity.

Y esto seria todo. Si tienes alguna duda por favor déjanos tu comentario.

Gracias!

Descargar: Aquí.

Hazlo simple: tan simple como sea posible, pero no más. 
- Albert Einstein