如何让View展开高度时覆盖下方View而非将其向下推挤？

你遇到的问题本质是线性布局（LinearLayout）的排列特性导致的——它会让子控件按顺序占据布局空间，显示下拉菜单时自然会把下方控件挤下去。要实现覆盖效果，有两种常用方案：

方案一：用ConstraintLayout/FrameLayout重构布局 #

把下拉菜单和下方需要被覆盖的View放在同一父布局的同级层级，通过布局属性让下拉菜单定位在按钮下方，并设置层级优先级确保它在最上层。

示例布局代码（ConstraintLayout为例）：

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 触发按钮 -->
    <Button
        android:id="@+id/btn_toggle_menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="展开菜单"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:layout_margin="16dp"/>

    <!-- 下拉菜单（初始隐藏） -->
    <LinearLayout
        android:id="@+id/layout_dropdown_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:visibility="gone"
        android:background="#ffffff"
        android:elevation="8dp" <!-- 设置阴影层级，确保在其他View上方 -->
        app:layout_constraintTop_toBottomOf="@id/btn_toggle_menu"
        app:layout_constraintStart_toStartOf="parent">

        <!-- 菜单内容 -->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:text="菜单选项1"
            android:gravity="center_vertical"
            android:paddingLeft="16dp"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:text="菜单选项2"
            android:gravity="center_vertical"
            android:paddingLeft="16dp"/>
    </LinearLayout>

    <!-- 下方被覆盖的View -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这是会被菜单覆盖的内容"
        android:padding="16dp"
        app:layout_constraintTop_toBottomOf="@id/btn_toggle_menu"
        app:layout_constraintStart_toStartOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

然后在代码里切换可见性：

val btnToggle = findViewById<Button>(R.id.btn_toggle_menu)
val dropdownMenu = findViewById<LinearLayout>(R.id.layout_dropdown_menu)

btnToggle.setOnClickListener {
    dropdownMenu.visibility = if (dropdownMenu.visibility == View.VISIBLE) View.GONE else View.VISIBLE
}

方案二：使用PopupWindow（更推荐） #

PopupWindow是Android专门用于弹出悬浮视图的组件，天生支持在指定View下方弹出并覆盖其他内容，无需调整原有布局结构。

示例代码：

val btnToggle = findViewById<Button>(R.id.btn_toggle_menu)

btnToggle.setOnClickListener {
    // 加载菜单布局
    val popupView = LayoutInflater.from(this).inflate(R.layout.layout_dropdown_content, null)
    // 创建PopupWindow
    val popupWindow = PopupWindow(
        popupView,
        ViewGroup.LayoutParams.MATCH_PARENT, // 宽度匹配父布局
        ViewGroup.LayoutParams.WRAP_CONTENT, // 高度自适应内容
        true // 可点击外部关闭
    )
    // 设置背景（可选，用于点击外部关闭）
    popupWindow.setBackgroundDrawable(ColorDrawable(Color.WHITE))
    // 在按钮下方弹出
    popupWindow.showAsDropDown(btnToggle)
}

对应的菜单布局layout_dropdown_content.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="#ffffff"
    android:elevation="8dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:text="菜单选项1"
        android:gravity="center_vertical"
        android:paddingLeft="16dp"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:text="菜单选项2"
        android:gravity="center_vertical"
        android:paddingLeft="16dp"/>
</LinearLayout>

方案二的优势是不需要修改原有布局的结构，PopupWindow会自动处理悬浮和覆盖逻辑，还支持点击外部关闭等交互，更适合做下拉菜单场景。

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