【Android】-- Spinner与Adapter实战：从基础到自定义样式全解析

1. 初识Spinner：你的第一个下拉选择器

如果你刚开始接触Android开发，想在界面上让用户从几个选项里选一个，比如选择城市、选择性别或者选择商品分类，那么Spinner就是你最该认识的朋友。它就像一个网页上的下拉菜单，平时只显示当前选中的项，点击一下就会弹出一个列表让你重新选择。我刚开始做Android那会儿，觉得这玩意儿比一堆单选按钮（RadioButton）清爽多了，布局也简单。

咱们先来点最基础的。在XML布局文件里放一个Spinner，就跟放一个按钮一样简单。你只需要指定它的宽高，给它一个ID方便在代码里找到它。这里有个小细节：spinnerMode属性。它有两个值，dropdown和dialog。dropdown就是我们最常见的那种，在控件下方弹出下拉列表；dialog则会弹出一个对话框来显示选项。对于大多数情况，用dropdown就够了，体验更连贯。

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="请选择您喜欢的城市：" />

    <Spinner
        android:id="@+id/sp_city"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:spinnerMode="dropdown" />
</LinearLayout>

布局写好了，接下来就是让这个Spinner“活”起来，给它填充数据并响应用户操作。这里就必须请出另一位主角——Adapter（适配器）。你可以把Adapter想象成一个智能的“数据搬运工+视图装配工”。Spinner本身只负责显示和交互，它不知道数据长什么样，也不知道每个选项的视图该怎么画。Adapter就负责从你的数据源（比如一个字符串数组）里取出数据，然后按照一定的规则“装配”成一个一个的视图项（View），最后交给Spinner去展示。

对于最简单的字符串列表，Android给我们提供了一个现成的搬运工：ArrayAdapter。用它来初始化Spinner，三行代码就能搞定。我习惯把数据放在res/values/arrays.xml文件里，这样便于统一管理，也支持国际化。

<!-- res/values/arrays.xml -->
<resources>
    <string-array name="city_array">
        <item>北京</item>
        <item>上海</item>
        <item>广州</item>
        <item>深圳</item>
        <item>杭州</item>
    </string-array>
</resources>

然后在Activity里，我们这样把数据和Spinner绑定起来：

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {

    private Spinner mSpinnerCity;

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

        mSpinnerCity = findViewById(R.id.sp_city);

        // 1. 创建ArrayAdapter
        // 参数：上下文， 下拉项未展开时单个Item的布局， 数据源
        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
                this,
                R.array.city_array,
                android.R.layout.simple_spinner_item
        );

        // 2. 设置下拉列表弹出时，每个Item的布局样式
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        // 3. 将适配器设置给Spinner
        mSpinnerCity.setAdapter(adapter);

        // 4. 设置选择监听器（当前Activity实现了接口）
        mSpinnerCity.setOnItemSelectedListener(this);
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        // 当用户选中某一项时触发
        String selectedCity = parent.getItemAtPosition(position).toString();
        Toast.makeText(this, "您选择了：" + selectedCity, Toast.LENGTH_SHORT).show();
        // 这里可以执行后续逻辑，比如根据城市加载数据
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
        // 理论上当选择被清空时调用，Spinner场景下很少触发，但接口要求必须实现
    }
}

这里我踩过一个坑，新手很容易忽略：setDropDownViewResource这行代码非常重要！ simple_spinner_item是Spinner在未展开时，显示当前选中项的那个框的布局。而simple_spinner_dropdown_item是点击Spinner后，弹出列表中每一个选项的布局。如果你不设置下拉列表的布局，它默认会尝试用simple_spinner_item来画下拉项，有时候样式会变得很奇怪，比如文字对齐方式不对。所以记住，这两行通常成对出现。

2. 玩转SimpleAd