教你实现 Android 二三级联动选择器

在Android开发中，二三级联动选择器的实现可以帮助用户更方便地选择层级结构的数据。本文将带你从零开始实现一个简单的二三级联动选择器，以下是整个流程的概要。

流程概览

以下是实现二三级联动选择器的步骤：

步骤 描述 代码示例
1 创建布局文件 activity_main.xml
2 准备数据源（父级和子级） 代码中定义数组
3 实现 Adapter 创建自定义适配器
4 设置 Spinner 在 Activity 中进行设置
5 响应 Spinner 选择事件 处理数据的联动关系

流程图

flowchart TD
    A[启动应用] --> B[加载布局]
    B --> C[准备数据]
    C --> D[创建适配器]
    D --> E[绑定数据到 Spinner]
    E --> F[处理联动事件]

第一步：创建布局文件

在你项目的 res/layout 目录下，创建 activity_main.xml 文件：

<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

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

</LinearLayout>

第二步：准备数据源

在你的 MainActivity.java 文件中，我们需要定义数据源：

String[] options1 = {"选择", "水果", "蔬菜"};
String[][] options2 = {
        {"选择"},
        {"苹果", "香蕉", "橘子"},
        {"黄瓜", "西红柿", "胡萝卜"}
};

注解说明：

  • options1 : 父级选择项
  • options2 : 对应每一个父级选择项的子级选择项

第三步：实现 Adapter

创建一个自定义 ArrayAdapter 来将数据绑定到 Spinner：

ArrayAdapter<String> adapter1 = new ArrayAdapter<>(this, android.R.layout.simple_spinner_item, options1);
adapter1.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
Spinner spinner1 = findViewById(R.id.spinner1);
spinner1.setAdapter(adapter1);

注解说明：

  • ArrayAdapter 用于将数组数据表示为下拉列表项
  • setDropDownViewResource 设置下拉列表的样式

第四步：设置 Spinner

我们需要为第一个 Spinner 设置监听器，以便响应选择事件：

spinner1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        // 当选择项变化时更新第二个 Spinner
        ArrayAdapter<String> adapter2 = new ArrayAdapter<>(MainActivity.this,
                android.R.layout.simple_spinner_item, options2[position]);
        adapter2.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        Spinner spinner2 = findViewById(R.id.spinner2);
        spinner2.setAdapter(adapter2);
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
        // 选择项未变化的处理
    }
});

注解说明：

  • setOnItemSelectedListener 用于监听 Spinner 的选择事件
  • onItemSelected 方法会在用户选择某一项时被调用

第五步：响应 Spinner 选择事件

在上面的代码中已处理 Spinner 的选择事件，第二个 Spinner 会根据第一个 Spinner 选择的条目动态更新显示的内容。

关系图

erDiagram
    SERIALS {
        STRING id PK
        STRING name
        STRING category
    }
    SERIALS ||--o{ SERIALS : belongs_to
    SERIALS ||--o{ SERIALS : contains

总结

通过以上步骤，我们简单地实现了一个二三级联动选择器。你可以根据实际需求进一步扩展或美化这个选择器，比如添加更复杂的数据源或自定义样式。希望这篇文章能帮助你更好地理解 Android 开发中的 Spinner 控件和联动选择的实现方式。Happy coding!