วิธีดึงค่าที่เลือกจาก Spinner ใน Android

บทความนี้สาธิตวิธีใช้ Spinner (Dropdown) ใน Android และดึงค่าที่ผู้ใช้เลือกผ่าน OnItemSelectedListener

ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่

Android Studio → File → New Project

ขั้นตอนที่ 2: Layout (activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    tools:context=".MainActivity">

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" />

</RelativeLayout>

ขั้นตอนที่ 3: ข้อมูลใน strings.xml

ใช้ string-array สำหรับข้อมูล Spinner:

<resources>
    <string name="app_name">Sample</string>
    <string-array name="birds">
        <item>Crane</item>
        <item>Cuckoo</item>
        <item>Pigeon</item>
        <item>Eagle</item>
        <item>Owl</item>
        <item>Vulture</item>
        <item>Woodpecker</item>
    </string-array>
</resources>

ขั้นตอนที่ 4: MainActivity.java

import android.support.v7.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;

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {
    Spinner spinner;

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

        spinner = findViewById(R.id.spinner);

        // สร้าง Adapter จาก string-array resource
        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
                this,
                R.array.birds,
                android.R.layout.simple_spinner_item
        );

        // Layout สำหรับ dropdown view
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        spinner.setAdapter(adapter);
        spinner.setOnItemSelectedListener(this);
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        // ดึงค่าที่เลือก
        String selectedItem = parent.getItemAtPosition(position).toString();
        Toast.makeText(parent.getContext(), "Selected: " + selectedItem, Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
        // ไม่มีการเลือก (เช่น spinner ว่าง)
    }
}

การดึงค่าแบบอื่นๆ

1. ดึงจาก Adapter โดยตรง

String item = (String) spinner.getSelectedItem();

2. ดึงตำแหน่ง (Position)

int position = spinner.getSelectedItemPosition();

3. ใช้กับ ArrayList/Custom Object

// สมมติมี Class Bird { String name; int imageRes; }
List<Bird> birds = ...;
ArrayAdapter<Bird> adapter = new ArrayAdapter<>(this, android.R.layout.simple_spinner_item, birds);
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        Bird selectedBird = (Bird) parent.getItemAtPosition(position);
        // ใช้ selectedBird.name, selectedBird.imageRes
    }
    ...
});

การปรับแต่ง Spinner (Custom Layout)

สร้าง layout สำหรับ item และ dropdown แยกต่างหาก:

// res/layout/spinner_item.xml
<TextView xmlns:android="..."
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:textColor="#333"
    android:textSize="16sp" />

// res/layout/spinner_dropdown_item.xml
<TextView xmlns:android="..."
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:background="?android:attr/selectableItemBackground"
    android:textColor="#333"
    android:textSize="16sp" />

// ใน Java
ArrayAdapter<String> adapter = new ArrayAdapter<>(this, R.layout.spinner_item, items);
adapter.setDropDownViewResource(R.layout.spinner_dropdown_item);

⚠️ ข้อควรระวัง

• onItemSelected จะถูกเรียกตอนแรกเมื่อ setAdapter (position 0) - ควรมี flag กันการทำงานครั้งแรก
• Spinner ไม่มี event "onClick" เมื่อเลือก item เดิมซ้ำ - ต้องใช้วิธีอื่นหากต้องการ
• สำหรับ Material Design ใช้ MaterialSpinner หรือ ExposedDropdownMenu (TextInputLayout + Menu)