สอนวิธีใช้งาน Spinner บน Android

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    ...
    dependencies {
        classpath 'com.android.tools.build:gradle:0.13.0'
    }
}
...

...
distributionUrl=http\://services.gradle.org/distributions/gradle-2.1-all.zip

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="32dp"
    android:orientation="vertical">

    <Spinner android:layout_width="wrap_content"
             android:layout_height="wrap_content"
        android:id="@+id/english_club">

    </Spinner>

    <Spinner android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="16dp"
             android:id="@+id/thai_club">

    </Spinner>

</LinearLayout>

package com.devahoy.android.spinnerdemo;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Spinner;

import java.util.ArrayList;


public class MyActivity extends Activity {

    private Spinner mEnglishSpinner;
    private Spinner mThaiSpinner;

    private ArrayList<String> mThaiClub = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);

        mEnglishSpinner = (Spinner) findViewById(R.id.english_club);
        mThaiSpinner = (Spinner) findViewById(R.id.thai_club);

        createThaiClubData();
    }

    private void createThaiClubData() {

        mThaiClub.add("Air Force Central");
        mThaiClub.add("Army United");
        mThaiClub.add("Bangkok Glass");
        mThaiClub.add("Bangkok United");
        mThaiClub.add("BEC Tero");
        mThaiClub.add("Buriram United");
        mThaiClub.add("Chainat Hornbill");
        mThaiClub.add("Chiangrai United");
        mThaiClub.add("Chonburi");
        mThaiClub.add("Muangthong United");
        mThaiClub.add("Osotspa Saraburi");
        mThaiClub.add("Police United");
        mThaiClub.add("PTT Rayong");
        mThaiClub.add("Ratchaburi");
        mThaiClub.add("Samut Songkhram");
        mThaiClub.add("Singhtarua");
        mThaiClub.add("Sisaket");
        mThaiClub.add("Songkhla United");
        mThaiClub.add("Supanburi");
        mThaiClub.add("TOT Bangkok");

    }
}

<string-array name="club">
    <item>Arsenal</item>
    <item>Aston Villa</item>
    <item>Burnley</item>
    <item>Chelsea</item>
    <item>Crystal Palace</item>
    <item>Everton</item>
    <item>Hull City</item>
    <item>Leicester City</item>
    <item>Liverpool</item>
    <item>Manchester City</item>
    <item>Manchester United</item>
    <item>Newcastle United</item>
    <item>Queens Park Rangers</item>
    <item>Southampton</item>
    <item>Stoke City</item>
    <item>Sunderland</item>
    <item>Swansea City</item>
    <item>Tottenham Hotspur</item>
    <item>West Bromwich Albion</item>
    <item>West Ham United</item>
</string-array>

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);

    mEnglishSpinner = (Spinner) findViewById(R.id.english_club);
    mThaiSpinner = (Spinner) findViewById(R.id.thai_club);

    createThaiClubData();

    // Adapter ตัวแรก
    ArrayAdapter<String> adapterThai = new ArrayAdapter<String>(this,
            android.R.layout.simple_dropdown_item_1line, mThaiClub);
    mThaiSpinner.setAdapter(adapterThai);


    // Adapter ตัวที่สอง
    String[] englishClub = getResources().getStringArray(R.array.club);
    ArrayAdapter<String> adapterEnglish = new ArrayAdapter<String>(this,
            android.R.layout.simple_dropdown_item_1line, englishClub);
    mEnglishSpinner.setAdapter(adapterEnglish);
}

// setOnItemSelectedListener
mThaiSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        Toast.makeText(MyActivity.this,
                "Select : " + mThaiClub.get(position),
                Toast.LENGTH_SHORT).show();
    }

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

    }
});
mEnglishSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        Toast.makeText(MyActivity.this,
                "Select : " + englishClub[position],
                Toast.LENGTH_SHORT).show();
    }

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

    }
});

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="horizontal"
              android:layout_width="match_parent"
              android:padding="16dp"
              android:layout_height="match_parent">

    <ImageView android:layout_width="32dp"
               android:layout_height="32dp"
               android:src="@drawable/ic_launcher"
               android:layout_gravity="center"
               android:id="@+id/logo"/>

    <TextView android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="Title"
              android:layout_marginLeft="16dp"
              android:layout_gravity="center"
              android:id="@+id/name"/>

</LinearLayout>

package com.devahoy.android.spinnerdemo;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;

public class CustomAdapter extends BaseAdapter {

    private Context mContext;
    private ArrayList<String> mData;
    private LayoutInflater mInflater;

    public CustomAdapter(Context context, ArrayList<String> data) {
        mInflater = LayoutInflater.from(context);
        mContext = context;
        mData = data;
    }
    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;

        if (convertView == null) {
            holder = new ViewHolder();
            convertView = mInflater.inflate(R.layout.list_item_adapter, parent, false);
            holder.name = (TextView) convertView.findViewById(R.id.name);
            holder.logo = (ImageView) convertView.findViewById(R.id.logo);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        int imgResourceId;
        switch (position) {
            case 0:
                imgResourceId = android.R.drawable.ic_menu_share;
                break;
            case 1:
                imgResourceId = android.R.drawable.ic_menu_call;
                break;
            case 2:
                imgResourceId = android.R.drawable.ic_menu_camera;
                break;
            case 3:
                imgResourceId = android.R.drawable.ic_menu_search;
                break;
            default:
                imgResourceId = android.R.drawable.ic_menu_zoom;
                break;
        }

        holder.name.setText(mData.get(position));
        holder.logo.setImageResource(imgResourceId);

        convertView.setTag(holder);

        return convertView;
    }

    public class ViewHolder {
        TextView name;
        ImageView logo;
    }
}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="32dp"
    android:orientation="vertical">

    <Spinner android:layout_width="match_parent"
             android:layout_height="wrap_content"
        android:id="@+id/english_club">

    </Spinner>

    <Spinner android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="16dp"
             android:id="@+id/thai_club">

    </Spinner>

    <Spinner android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="16dp"
             android:id="@+id/spinner_menu">

    </Spinner>

</LinearLayout>

// Spinner with CustomAdapter
Spinner spinnerMenu = (Spinner) findViewById(R.id.spinner_menu);
ArrayList<String> data = new ArrayList<String>();
for (int i = 1; i <= 5; i++) {
    data.add("Menu#" + i);
}

CustomAdapter customAdapter = new CustomAdapter(this, data);
spinnerMenu.setAdapter(customAdapter);