如何让Android NestedScrollView子控件滚动超出父视图时仍可见？

一、可行性确认 #

完全可以实现这种「NestedScrollView子控件滚动超出边界后仍保持可见」的效果，核心是通过拦截滚动事件、自定义滚动逻辑或利用系统滚动回调，调整子控件的显示位置/状态来达成。

二、两种实用实现方案 #

方案1：自定义NestedScrollView重写滚动逻辑 #

通过继承NestedScrollView，重写滚动相关方法，在滚动到边界时调整子控件位置，使其保持可视。

示例代码（Kotlin）：

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

    private var targetChild: View? = null
    private var originalTop = 0
    private var originalBottom = 0

    override fun onFinishInflate() {
        super.onFinishInflate()
        // 默认取第一个子控件作为目标可视控件
        if (childCount > 0) {
            targetChild = getChildAt(0)
            targetChild?.let {
                originalTop = it.top
                originalBottom = it.bottom
            }
        }
    }

    override fun onScrollChanged(l: Int, t: Int, oldl: Int, oldt: Int) {
        super.onScrollChanged(l, t, oldl, oldt)
        targetChild?.let { child ->
            // 滚动到顶部，继续下拉时偏移子控件位置保持可见
            if (t == 0 && scrollY < 0) {
                child.top = originalTop + scrollY
                child.bottom = originalBottom + scrollY
            }
            // 滚动到底部，继续上拉时偏移子控件位置保持可见
            else if (t == computeVerticalScrollRange() - height && scrollY > 0) {
                child.top = originalTop + scrollY
                child.bottom = originalBottom + scrollY
            } else {
                // 非边界滚动时恢复子控件原位置
                child.top = originalTop
                child.bottom = originalBottom
            }
        }
    }

    override fun onTouchEvent(ev: MotionEvent): Boolean {
        // 允许超出边界的滚动事件传递
        overScrollMode = OVER_SCROLL_ALWAYS
        return super.onTouchEvent(ev)
    }
}

布局中直接替换原NestedScrollView：

<com.yourpackage.StickyVisibleNestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <!-- 你的滚动内容 -->
    </LinearLayout>

</com.yourpackage.StickyVisibleNestedScrollView>

方案2：CoordinatorLayout + 自定义Behavior #

如果布局基于CoordinatorLayout，可通过自定义Behavior控制指定子控件的滚动行为，实现边界外保持可见。

示例Behavior代码（Kotlin）：

class StickyVisibleBehavior : CoordinatorLayout.Behavior<View>() {

    override fun onStartNestedScroll(
        coordinatorLayout: CoordinatorLayout,
        child: View,
        directTargetChild: View,
        target: View,
        axes: Int,
        type: Int
    ): Boolean {
        // 仅监听垂直滚动事件
        return axes == ViewCompat.SCROLL_AXIS_VERTICAL
    }

    override fun onNestedScroll(
        coordinatorLayout: CoordinatorLayout,
        child: View,
        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)
        // 滚动到边界仍有剩余滚动事件时，偏移子控件位置
        if (dyUnconsumed != 0) {
            val newY = child.translationY + dyUnconsumed * 0.5f
            child.translationY = newY
        }
    }

    override fun onStopNestedScroll(
        coordinatorLayout: CoordinatorLayout,
        child: View,
        target: View,
        type: Int
    ) {
        super.onStopNestedScroll(coordinatorLayout, child, target, type)
        // 松手后回弹至原位置
        ViewCompat.animate(child)
            .translationY(0f)
            .setDuration(300)
            .start()
    }
}

布局中绑定Behavior：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!-- 滚动内容 -->
    </androidx.core.widget.NestedScrollView>

    <!-- 需要保持可见的子控件 -->
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:layout_behavior=".StickyVisibleBehavior"
        android:src="@drawable/your_target_image"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

三、优化提示 #

• 方案1适合让整个滚动内容在边界外保持可见，方案2针对单个指定控件；
• 可调整偏移系数（如方案2中的0.5f）优化滚动时的视觉跟随效果；
• 若需要更自然的弹性回弹，可结合SpringAnimation替代普通属性动画。

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