Android实现上滑触发布局拖拽显示的功能问题求助

一、布局不显示问题修复 #

1. 检查Fragment布局与添加逻辑 #

• 确保fragment_bottom_sheet.xml根布局设置可见背景（避免透明导致看不见），同时配置正确的宽高：

<!-- fragment_bottom_sheet.xml 根布局示例 -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:background="#FFFFFF"
    android:orientation="vertical">
    <!-- 内部内容布局 -->
</LinearLayout>

• 确认MainActivity中Fragment的添加方式正确，避免重复创建或未执行show操作：

// MainActivity.kt 初始化Fragment代码
val bottomSheetFragment = BottomSheetFragment()
supportFragmentManager.beginTransaction()
    .add(R.id.main_container, bottomSheetFragment)
    .hide(bottomSheetFragment)
    .commit()

// 触发显示时调用
supportFragmentManager.beginTransaction()
    .show(bottomSheetFragment)
    .commit()

2. 初始位置配置 #

将底部布局初始设置在屏幕外，确保触发上滑前不可见：

<!-- 在fragment_bottom_sheet.xml中给内容布局添加初始属性 -->
<LinearLayout
    android:id="@+id/bottom_content"
    ...
    android:translationY="400dp" <!-- 与自身高度一致，完全隐藏在屏幕底部 -->
    android:alpha="0"/>

二、滑动跟随比例问题修复 #

修改自定义SwipeFrameLayout的触摸事件逻辑，正确绑定手指滑动距离与布局位移：

class SwipeFrameLayout @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {

    private var initialTouchY = 0f
    private var contentHeight = 0
    private val triggerHeight = 50.dpToPx() // 底部绿色触发区域高度
    private val threshold = 200.dpToPx() // 触发固定显示的滑动阈值
    private var isDragging = false

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        contentHeight = findViewById<LinearLayout>(R.id.bottom_content).measuredHeight
    }

    override fun onTouchEvent(event: MotionEvent): Boolean {
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                // 只响应底部触发区域的触摸
                if (event.y > measuredHeight - triggerHeight) {
                    initialTouchY = event.y
                    isDragging = true
                    return true
                }
            }
            MotionEvent.ACTION_MOVE -> {
                if (!isDragging) return super.onTouchEvent(event)
                // 计算滑动偏移：Android Y轴向下，上滑时deltaY为负
                val deltaY = event.y - initialTouchY
                // 限制最大位移（不超过布局高度）
                val maxTranslationY = -contentHeight.toFloat()
                val newTranslation = deltaY.coerceAtLeast(maxTranslationY)
                // 同步更新布局位置
                findViewById<LinearLayout>(R.id.bottom_content).translationY = newTranslation

                // 同步透明度渐变（可选，提前处理动画）
                val progress = Math.abs(newTranslation) / contentHeight.toFloat()
                findViewById<LinearLayout>(R.id.bottom_content).alpha = progress.coerceIn(0f, 1f)
            }
            MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                if (!isDragging) return super.onTouchEvent(event)
                isDragging = false
                val deltaY = event.y - initialTouchY
                // 根据阈值判断固定或收回
                val targetTranslation = if (Math.abs(deltaY) >= threshold) {
                    -contentHeight.toFloat() // 固定显示
                } else {
                    contentHeight.toFloat() // 收回隐藏
                }
                val targetAlpha = if (Math.abs(deltaY) >= threshold) 1f else 0f
                // 执行平滑动画
                findViewById<LinearLayout>(R.id.bottom_content).animate()
                    .translationY(targetTranslation)
                    .alpha(targetAlpha)
                    .setDuration(200)
                    .start()
            }
        }
        return super.onTouchEvent(event)
    }

    // DP转PX扩展函数
    private fun Int.dpToPx(): Int {
        return (this * resources.displayMetrics.density).toInt()
    }
}

三、透明度渐变优化 #

在滑动过程中根据位移进度动态调整透明度，实现从全透到不透明的平滑过渡：

• 滑动时：通过progress = 位移距离 / 布局总高度计算当前进度，将alpha设置为progress的0-1区间值。
• 松开手指时：配合位移动画同步设置目标透明度，保证动画一致性。

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