使用 Spinner 轻松设置 Android Activity 中下拉框控件

2024-01-26 10:36:49

在 Android Activity 中使用 Spinner 创建下拉列表

在构建 Android 应用程序时，经常需要用户从预定义的选项列表中进行选择。为了实现这一目的，Spinner 控件是一个理想的选择。它允许用户以直观的方式从下拉列表中进行选择。本博客将引导你完成在 Android Activity 中使用 Spinner 的分步过程。

步骤 1：在 Strings.xml 中添加选项内容

首先，需要在 strings.xml 文件中定义 Spinner 选项的文本内容。创建一个新的字符串资源文件并添加以下代码：

<resources>
    <string-array name="colors">
        <item>红色</item>
        <item>橙色</item>
        <item>黄色</item>
        <item>绿色</item>
        <item>蓝色</item>
        <item>靛蓝</item>
        <item>紫色</item>
    </string-array>
</resources>

步骤 2：在布局中引入 Spinner

接下来，在 Activity 的 XML 布局文件中引入 Spinner 控件：

<androidx.appcompat.widget.Spinner
    android:id="@+id/spinner_colors"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:entries="@array/colors" />

步骤 3：在 Java 代码中使用 Spinner

最后，在 Java 代码中初始化 Spinner 并设置它的适配器：

Spinner spinnerColors = findViewById(R.id.spinner_colors);

// 创建一个 ArrayAdapter，使用我们在 strings.xml 中定义的选项内容
ArrayAdapter<String> adapter = new ArrayAdapter<>(
        this,
        android.R.layout.simple_spinner_item,
        getResources().getStringArray(R.array.colors)
);

// 设置 Spinner 的适配器
spinnerColors.setAdapter(adapter);

现在，当用户点击 Spinner 时，它将显示一个带有已定义选项的弹出列表。

代码示例

完整的 Java 代码示例如下：

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Spinner;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        Spinner spinnerColors = findViewById(R.id.spinner_colors);

        // 创建一个 ArrayAdapter，使用我们在 strings.xml 中定义的选项内容
        ArrayAdapter<String> adapter = new ArrayAdapter<>(
                this,
                android.R.layout.simple_spinner_item,
                getResources().getStringArray(R.array.colors)
        );

        // 设置 Spinner 的适配器
        spinnerColors.setAdapter(adapter);
    }
}