请求实现：Spinner（下拉控件）拉取数据时显示内置加载器

先看需求效果：

核心需求很明确：用户点击Spinner触发下拉时，调用Web API获取数据，同时在Spinner控件的侧边（如图右侧位置）显示加载进度条，等API请求完成后隐藏进度条，再把数据填充到Spinner里（忽略图中的搜索栏）。

下面给你一套Android平台的具体实现步骤：

1. 自定义Spinner的布局 #

首先我们需要把Spinner和ProgressBar放在同一个布局容器里，让进度条默认隐藏。这里用ConstraintLayout来实现精准对齐：

<!-- res/layout/custom_spinner_layout.xml -->
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 原生Spinner控件 -->
    <Spinner
        android:id="@+id/custom_spinner"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/loading_progress"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <!-- 侧边加载进度条，默认隐藏 -->
    <ProgressBar
        android:id="@+id/loading_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

2. 在Activity/Fragment中处理逻辑 #

接下来我们要监听Spinner的点击事件，触发API请求时显示进度条，请求完成后隐藏并更新Spinner数据：

// 假设在Activity中
class MainActivity : AppCompatActivity() {
    private lateinit var spinner: Spinner
    private lateinit var loadingProgress: ProgressBar
    private lateinit var spinnerAdapter: ArrayAdapter<String>

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.custom_spinner_layout)

        spinner = findViewById(R.id.custom_spinner)
        loadingProgress = findViewById(R.id.loading_progress)
        // 初始化空适配器，后续填充数据
        spinnerAdapter = ArrayAdapter(this, android.R.layout.simple_spinner_item, emptyList())
        spinnerAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
        spinner.adapter = spinnerAdapter

        // 监听Spinner的点击事件（原生setOnClickListener不生效，用触摸事件拦截）
        spinner.setOnTouchListener { _, event ->
            if (event.action == MotionEvent.ACTION_UP) {
                // 触发加载逻辑
                loadSpinnerData()
            }
            false
        }
    }

    private fun loadSpinnerData() {
        // 显示加载进度条
        loadingProgress.visibility = View.VISIBLE
        // 禁用Spinner防止重复点击触发多次请求
        spinner.isEnabled = false

        // 模拟Web API请求（实际项目建议用Retrofit/OkHttp封装）
        val handler = Handler(Looper.getMainLooper())
        handler.postDelayed({
            // 模拟从API获取到的数据
            val dataList = listOf("选项1", "选项2", "选项3", "选项4")
            // 更新Spinner适配器
            spinnerAdapter.clear()
            spinnerAdapter.addAll(dataList)
            spinnerAdapter.notifyDataSetChanged()

            // 隐藏进度条，恢复Spinner可用
            loadingProgress.visibility = View.GONE
            spinner.isEnabled = true
            // 手动触发下拉显示加载好的数据
            spinner.performClick()
        }, 2000)
    }
}

关键细节说明 #

• 用setOnTouchListener监听Spinner点击：原生Spinner的setOnClickListener不会触发，所以用触摸事件拦截来捕获点击动作
• 请求过程中禁用Spinner：避免用户重复点击导致多次API请求
• 请求完成后手动触发下拉：因为之前的点击被我们拦截处理了，需要调用performClick()来让Spinner展示加载好的选项
• Java项目适配：把上述Kotlin代码转换成Java语法即可，核心逻辑完全一致

内容的提问来源于stack exchange，提问作者Aditya Rohilla