如何实现Android端类似YouTube的底部可拖拽弹出式窗口？

你要的效果可以直接用谷歌官方Material Components组件库提供的BottomSheetBehavior实现，该组件原生适配了拖拽交互、事件分发、视图绘制逻辑，完全符合你要的交互效果，不需要自行实现触摸逻辑、处理事件冲突。

具体实现步骤 #

• 引入Material Components依赖
  在模块级build.gradle中添加依赖（使用最新稳定版即可）：

implementation "com.google.android.material:material:1.11.0"

• 布局改造
  将页面根布局替换为CoordinatorLayout，底部弹窗内容作为CoordinatorLayout的直接子View，配置BottomSheetBehavior相关属性：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    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">

    <!-- 原有页面内容，点击事件不会被遮挡 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!-- 页面按钮、列表等原有内容都放在此处 -->
    </LinearLayout>

    <!-- 底部拖拽弹窗内容 -->
    <LinearLayout
        android:id="@+id/bottomSheet"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior"
        app:behavior_peekHeight="80dp"  <!-- 收起状态下露出的高度 -->
        app:behavior_hideable="true"  <!-- 支持完全滑到底部隐藏 -->
        app:behavior_state="hidden">  <!-- 默认状态为隐藏 -->
        <!-- 弹窗内的卡片、文本、按钮等内容放在此处 -->
    </LinearLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

• 代码控制弹窗状态

val bottomSheetBehavior = BottomSheetBehavior.from(binding.bottomSheet)
// 展开弹窗
bottomSheetBehavior.state = BottomSheetBehavior.STATE_EXPANDED
// 收起至半露状态
bottomSheetBehavior.state = BottomSheetBehavior.STATE_COLLAPSED
// 完全隐藏弹窗
bottomSheetBehavior.state = BottomSheetBehavior.STATE_HIDDEN

// 可选：添加拖拽状态监听，实现背景变暗等伴随动画
bottomSheetBehavior.addBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() {
    override fun onStateChanged(bottomSheet: View, newState: Int) {
        // 自定义状态变化逻辑
    }

    override fun onSlide(bottomSheet: View, slideOffset: Float) {
        // slideOffset取值范围[-1,1]，对应从隐藏到完全展开的进度
        window.attributes.alpha = 1 - slideOffset * 0.3f
        window.attributes = window.attributes
    }
})

你遇到的问题说明 #

• 视图裁剪问题：你使用offsetTopAndBottom移动子View时，父View默认会裁剪超出自身绘制区域的内容，且PopupWindow本身是独立的Window层级，裁剪限制、触摸区域限制更多，本身就不适合用来做这种可拖拽的全屏抽屉组件。
• 下层无法点击问题：PopupWindow高度设为MATCH_PARENT后，整个Window层覆盖在Activity上方，所有触摸事件都会被PopupWindow消费，自行透传事件不仅需要处理坐标转换，还会有大量滑动冲突，完全没有必要。

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