如何让BottomSheetDialogFragment内ConstraintLayout填充可视空间以显示快门按钮？

我帮你梳理几个可行的解决方案，应该能解决你遇到的快门按钮在BottomSheet Peaked状态下不可见的问题：

方案1：利用BottomSheet状态回调动态调整按钮约束 #

核心思路是根据BottomSheet的展开状态，切换快门按钮的约束条件，让它在Peaked时贴紧BottomSheet底部，展开后移动到你想要的位置（比如屏幕底部）。

步骤如下：

1. 在布局文件中给快门按钮预留两种约束的可能性（不用同时启用）
2. 在Fragment中监听BottomSheet的状态变化，动态切换约束：

val bottomSheetBehavior = BottomSheetBehavior.from(requireView().parent as View)
bottomSheetBehavior.addBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() {
    override fun onStateChanged(bottomSheet: View, newState: Int) {
        val shutterBtn = view?.findViewById<Button>(R.id.shutter_btn)
        val rootLayout = view?.findViewById<ConstraintLayout>(R.id.root_constraint)
        
        shutterBtn?.let { btn ->
            rootLayout?.let { cl ->
                val constraintSet = ConstraintSet()
                constraintSet.clone(cl)
                
                when(newState) {
                    // Peaked状态（半展开）：约束到BottomSheet底部，留合适边距
                    BottomSheetBehavior.STATE_HALF_EXPANDED, BottomSheetBehavior.STATE_COLLAPSED -> {
                        constraintSet.connect(btn.id, ConstraintSet.BOTTOM, cl.id, ConstraintSet.BOTTOM, 16)
                    }
                    // 完全展开状态：约束到你想要的位置，比如屏幕底部
                    BottomSheetBehavior.STATE_EXPANDED -> {
                        constraintSet.connect(btn.id, ConstraintSet.BOTTOM, ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM, 32)
                    }
                }
                constraintSet.applyTo(cl)
            }
        }
    }

    override fun onSlide(bottomSheet: View, slideOffset: Float) {
        // 可选：如果需要平滑过渡动画，根据滑动偏移量微调按钮位置
        val shutterBtn = view?.findViewById<Button>(R.id.shutter_btn)
        shutterBtn?.translationY = slideOffset * (-20) // 数值可根据需求调整
    }
})

方案2：调整BottomSheet的Peak高度，确保按钮可见 #

如果问题是Peaked状态下BottomSheet的高度不够，导致按钮被截断，可以直接自定义Peak高度：

val bottomSheetBehavior = BottomSheetBehavior.from(requireView().parent as View)
// 设置Peak高度为屏幕高度的80%（可根据需求调整），保证按钮区域能显示
bottomSheetBehavior.peekHeight = (resources.displayMetrics.heightPixels * 0.8).toInt()

同时给快门按钮设置底部内边距android:layout_marginBottom="16dp"，确保它不会贴死BottomSheet底部被遮挡。

方案3：用固定容器挂载快门按钮 #

把快门按钮放在一个始终贴紧BottomSheet底部的容器里，不管BottomSheet是展开还是半展开，按钮都会跟着容器留在BottomSheet底部：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/root_constraint"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 相机取景器预览 -->
    <TextureView
        android:id="@+id/camera_preview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/shutter_container"/>

    <!-- 固定在BottomSheet底部的按钮容器 -->
    <LinearLayout
        android:id="@+id/shutter_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:paddingVertical="16dp"
        app:layout_constraintBottom_toBottomOf="parent">

        <Button
            android:id="@+id/shutter_btn"
            android:layout_width="64dp"
            android:layout_height="64dp"
            android:background="@drawable/circle_shutter"/>

    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

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