如何在Kotlin中将Spinner（下拉控件）置于WebView之上？

我看了你的代码，问题主要出在两个地方：布局结构错误和Activity中重复设置ContentView覆盖了原布局，下面一步步给你解决：

1. 修复布局文件（activity_main.xml） #

首先，WebView是单一的View控件，不能直接包含子View（比如你的Spinner），你把Spinner嵌套在WebView内部的写法是无效的。需要把Spinner作为ConstraintLayout的直接子View，通过布局约束和层级属性让它显示在WebView上方。

修改后的布局代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!-- WebView放在底层 -->
    <WebView
        android:id="@+id/WebView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="1dp"
        android:layout_marginTop="1dp"
        android:layout_marginEnd="1dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- Spinner作为独立子View，放在WebView上方 -->
    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="100dp"
        android:layout_height="wrap_content" <!-- 建议用wrap_content，100dp太高不符合常规样式 -->
        android:spinnerMode="dropdown"
        android:elevation="4dp" <!-- 强制提升绘制层级，确保在WebView之上 -->
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

关键调整说明：

• 将Spinner从WebView中移出，成为ConstraintLayout的直接子View
• 给Spinner设置android:elevation="4dp"，WebView默认elevation为0，这样能确保Spinner在视觉层级上更靠前
• 调整Spinner高度为wrap_content，更符合下拉控件的常规使用场景
• 添加边距避免Spinner贴在屏幕边缘，提升界面美观度

2. 修复MainActivity代码 #

你在Activity中先加载了布局文件，随后又创建新WebView并调用setContentView(webview)，这会直接覆盖原来的布局，导致Spinner控件根本没有被初始化。正确的做法是直接从布局中获取WebView实例：

修改后的MainActivity代码：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main) // 只加载一次布局即可

        // 从布局中获取WebView实例
        val webview = findViewById<WebView>(R.id.WebView)
        webview.settings.javaScriptEnabled = true
        webview.loadUrl("http://localhost/test/neu/index.php")

        // 初始化Spinner
        val languages = resources.getStringArray(R.array.array1)
        val spinner = findViewById<Spinner>(R.id.spinner1)
        spinner?.let {
            val adapter = ArrayAdapter(this, android.R.layout.simple_spinner_item, languages)
            adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item) // 补充设置下拉项布局
            it.adapter = adapter
            it.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
                override fun onItemSelected(parent: AdapterView<*>, view: View, position: Int, id: Long) {
                    Toast.makeText(this@MainActivity, "${getString(R.string.selected_item)} ${languages[position]}", Toast.LENGTH_SHORT).show()
                }
                override fun onNothingSelected(parent: AdapterView<*>) {
                    // 可选：添加无选择时的逻辑处理
                }
            }
        }
    }
}

关键修改说明：

• 移除重复的setContentView(webview)调用，保留原始布局的加载
• 通过findViewById从布局中获取WebView，而非重新创建
• 给ArrayAdapter补充setDropDownViewResource方法，确保下拉列表的样式正常显示

原代码问题根源 #

1. 布局嵌套错误：WebView不是ViewGroup，无法包含子View，你原来的Spinner嵌套写法不会被渲染，即使意外显示也会被WebView内容覆盖
2. 重复设置ContentView：第二次setContentView(webview)替换了原始布局，导致Spinner控件根本没有被加载到Activity中

按照上面的修改，你的Spinner应该会正常显示在WebView上方，且功能保持正常。

内容的提问来源于stack exchange，提问作者Busy Arbeiten