求助：使用Coordinator Layout实现指定滚动交互效果

哈哈，这个效果我之前做项目刚好实现过！用CoordinatorLayout+自定义Behavior完全能搞定，之前我也踩过坑，给你捋一遍具体怎么弄：

第一步：搭建核心布局 #

首先你的布局结构要清晰，CoordinatorLayout作为根容器，里面放滚动内容区、顶部标题、操作按钮。按钮用layout_anchor绑定到标题上，确保初始状态和标题水平居中对齐：

<?xml version="1.0" encoding="utf-8"?>
<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">

    <!-- 滚动内容区域（黄色文本区） -->
    <androidx.core.widget.NestedScrollView
        android:id="@+id/scroll_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#FFFF00"
            android:padding="16dp"
            android:text="这里是你的长文本内容...（可以换成任意长内容）" />

    </androidx.core.widget.NestedScrollView>

    <!-- 顶部标题文本 -->
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我的标题"
        android:textSize="24sp"
        app:layout_behavior=".TitleBehavior" />

    <!-- 操作按钮，锚定到标题实现居中对齐 -->
    <Button
        android:id="@+id/btn_action"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击操作"
        android:layout_marginTop="16dp"
        app:layout_anchor="@id/tv_title"
        app:layout_anchorGravity="bottom|center_horizontal"
        app:layout_behavior=".ButtonBehavior" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

第二步：实现标题的缩放+固定Behavior #

这个Behavior负责监听滚动事件，让标题随滚动逐渐缩小并固定到顶部，同时保持水平居中：

class TitleBehavior(context: Context, attrs: AttributeSet) : CoordinatorLayout.Behavior<TextView>(context, attrs) {

    private var initialY = 0f // 标题初始Y坐标
    private var initialTextSize = 0f // 初始字体大小
    private val minTextSize = 16f // 缩小后的最小字体（sp）
    private val scrollTrigger = 200f // 触发变化的滚动距离（dp）

    override fun onLayoutChild(parent: CoordinatorLayout, child: TextView, layoutDirection: Int): Boolean {
        // 记录初始状态
        initialY = child.y
        initialTextSize = child.textSize
        return super.onLayoutChild(parent, child, layoutDirection)
    }

    override fun onNestedScroll(
        coordinatorLayout: CoordinatorLayout,
        child: TextView,
        target: View,
        dxConsumed: Int,
        dyConsumed: Int,
        dxUnconsumed: Int,
        dyUnconsumed: Int,
        type: Int,
        consumed: IntArray
    ) {
        super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, type, consumed)

        val scrollY = target.scrollY
        // 计算滚动比例（0到1，超过触发距离后保持1）
        val scrollRatio = Math.min(scrollY / dpToPx(context, scrollTrigger), 1f)

        // 调整标题位置：逐渐上移到顶部
        val newY = initialY - scrollY * (initialY / dpToPx(context, scrollTrigger))
        child.y = if (newY <= 0) 0f else newY

        // 调整字体大小：从初始值平滑缩小到最小值
        val newSize = initialTextSize - (initialTextSize - spToPx(context, minTextSize)) * scrollRatio
        child.textSize = pxToSp(context, newSize)

        // 强制保持水平居中，防止滚动时偏移
        child.x = (coordinatorLayout.width - child.width) / 2f
    }

    // 工具方法：dp转px
    private fun dpToPx(context: Context, dp: Float): Float {
        return dp * context.resources.displayMetrics.density
    }

    // 工具方法：sp转px
    private fun spToPx(context: Context, sp: Float): Float {
        return sp * context.resources.displayMetrics.scaledDensity
    }

    // 工具方法：px转sp
    private fun pxToSp(context: Context, px: Float): Float {
        return px / context.resources.displayMetrics.scaledDensity
    }
}

第三步：实现按钮的平滑隐藏Behavior #

这个Behavior负责让按钮随滚动向上平移隐藏，向下滚动时恢复：

class ButtonBehavior(context: Context, attrs: AttributeSet) : CoordinatorLayout.Behavior<Button>(context, attrs) {

    private val scrollTrigger = 200f // 和标题的触发距离保持一致

    override fun onNestedScroll(
        coordinatorLayout: CoordinatorLayout,
        child: Button,
        target: View,
        dxConsumed: Int,
        dyConsumed: Int,
        dxUnconsumed: Int,
        dyUnconsumed: Int,
        type: Int,
        consumed: IntArray
    ) {
        super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, type, consumed)

        val scrollY = target.scrollY
        val scrollRatio = Math.min(scrollY / dpToPx(context, scrollTrigger), 1f)

        // 按钮向上平移隐藏，同时降低透明度
        child.translationY = -child.height * scrollRatio
        child.alpha = 1f - scrollRatio

        // 滚动到顶部时完全恢复
        if (scrollY == 0) {
            child.translationY = 0f
            child.alpha = 1f
        }
    }

    private fun dpToPx(context: Context, dp: Float): Float {
        return dp * context.resources.displayMetrics.density
    }
}

几个关键注意点 #

1. 如果用RecyclerView代替NestedScrollView，要确保开启嵌套滚动：android:nestedScrollingEnabled="true"
2. scrollTrigger（触发距离）可以根据你的UI需求调整，数值越小，滚动一点就开始变化
3. 标题的最小字体大小也可以根据设计调整，改成你需要的数值就行
4. 如果初始位置需要更精确的控制，可以在onLayoutChild方法里手动调整标题的初始坐标

这样就能实现你要的效果：向上滚动时按钮平滑隐藏，标题缩小并固定在顶部；向下滚动时完全恢复初始状态，而且标题始终和按钮原来的位置水平对齐~

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