Spinner: Estáticos, dinámicos y personalizados

En algunas situaciones nuestra aplicación puede requerir de un selector de elementos. En Android, este selector se puede crear de 3 formas distintas:

• Estáticos: creando un array en el fichero res/values/strings.xml
• Dinámicos: rellenando el selector dentro de nuestra activity/Fragment.
• Personalizado: Con estática o dinámica información pero con nuestro propio layout.

En el ejemplo de este post, vamos a ver los tres tipos. A continuación les dejo el código para que lo puedan incorporar a sus proyectos si lo consideran oportuno.

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="XXXXXX"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="15" />

    <application

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name=".SpinnerActivity"

            android:label="@string/title_activity_spinner" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>

strings.xml

<resources>

    <string name="app_name">BlogSpinner</string>

    <string name="title_activity_spinner">BlogSpinner</string>

    <string name="my_prompt">Escoge tu opción</string>

    <string-array name="os_arrays">

        <item>Android</item>

        <item>iOS</item>

        <item>Symbian</item>

        <item>Windows Phone</item>

    </string-array>

</resources>

//Vista principal de la aplicación que contiene los 3 Spinners

activity_spinner.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <Spinner

        android:id="@+id/spinner_static"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_margin="10dip"

        android:entries="@array/os_arrays"

        android:prompt="@string/my_prompt" />

    <Spinner

        android:id="@+id/spinner_dynamic"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_margin="10dip" />

    <Spinner

        android:id="@+id/spinner_custom"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_margin="10dip" />

</LinearLayout>

//Spinner personalizado

custom_row.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:orientation="horizontal" >

    <ImageView

        android:id="@+id/icon"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/ic_launcher" />

    <TextView

        android:id="@+id/textview_spinner_custom"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center_vertical"

        android:layout_marginLeft="15dip"

        android:textColor="@android:color/darker_gray"

        android:textSize="14sp"

        android:textStyle="bold" />

</LinearLayout>

SpinnerActivity.java

import java.util.ArrayList;

import java.util.List;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemSelectedListener;

import android.widget.ArrayAdapter;

import android.widget.Spinner;

import android.widget.Toast;

public class SpinnerActivity extends Activity {

private Spinner mSpinnerDynamic, mSpinnerStatic, mSpinnerCustom;

private final int N_ITEMS = 10;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_spinner);

mSpinnerDynamic = (Spinner) findViewById(R.id.spinner_dynamic);

mSpinnerCustom = (Spinner) findViewById(R.id.spinner_custom);

mSpinnerStatic = (Spinner) findViewById(R.id.spinner_static);

addItemsOnSpinnerDynamic();

addItemsOnSpinnerCustom();

mSpinnerDynamic.setOnItemSelectedListener(myItemSelectedListener);

mSpinnerStatic.setOnItemSelectedListener(myItemSelectedListener);

mSpinnerCustom.setOnItemSelectedListener(myItemSelectedListener);

}

public void addItemsOnSpinnerDynamic() {

List<String> dynamicList = new ArrayList<String>();

for (int i = 0; i < N_ITEMS; i++) {

dynamicList.add("item dynamic " + i);

}

ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>(this,

android.R.layout.simple_spinner_item, dynamicList);

dataAdapter

.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

mSpinnerDynamic.setAdapter(dataAdapter);

}

private void addItemsOnSpinnerCustom() {

List<String> customList = new ArrayList<String>();

for (int i = 0; i < N_ITEMS/2; i++) {

customList.add("item custom " + i);

}

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,

R.layout.custom_row, R.id.textview_spinner_custom, customList);

mSpinnerCustom.setAdapter(adapter);

}

private OnItemSelectedListener myItemSelectedListener = new Spinner.OnItemSelectedListener() {

public void onItemSelected(AdapterView<?> parent, View view, int pos,

long id) {

Toast.makeText(

parent.getContext(),

"Item selected : "

+ parent.getItemAtPosition(pos).toString(),

Toast.LENGTH_SHORT).show();

}

@Override

public void onNothingSelected(AdapterView<?> arg0) {

// TODO Auto-generated method stub

}

};

}

A continuación les dejo las tres capturas de pantalla (estático, dinámico y personalizado):

It works!

Roger Sala,