RecyclerView滚动时，如何动效化MotionLayout嵌套的MaterialCardView内部视图？

MotionLayout默认仅能操控自身直接子级视图的动画，嵌套在MaterialCardView这类容器内的视图无法直接在MotionScene中引用。针对你的需求，有以下几种可行实现方式：

1. 自定义属性间接控制内部视图 #

在MaterialCardView的自定义子类中，为内部需要动画的视图属性创建自定义暴露属性，让MotionLayout通过操控这些属性间接驱动内部视图的动画。

示例代码：

class AnimatedCardView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = R.attr.materialCardViewStyle
) : MaterialCardView(context, attrs, defStyleAttr) {

    private val internalTargetView: View = findViewById(R.id.internal_target)

    // 暴露内部视图的透明度属性
    var internalViewAlpha: Float
        get() = internalTargetView.alpha
        set(value) {
            internalTargetView.alpha = value
        }

    // 可扩展更多属性，比如translationX、scaleX等
}

随后在MotionScene中即可像操控普通属性一样引用该自定义属性：

<ConstraintSet android:id="@+id/end_state">
    <Constraint
        android:id="@+id/animated_card"
        ...>
        <CustomAttribute
            app:attributeName="internalViewAlpha"
            app:customFloatValue="0.2" />
    </Constraint>
</ConstraintSet>

2. 替换内部布局为MotionLayout并同步滚动进度 #

将MaterialCardView内的普通ConstraintLayout替换为MotionLayout，在外部监听RecyclerView的滚动事件，手动计算滚动进度并同步给内部MotionLayout，触发其预设的动画逻辑。

步骤：

• 把内部布局替换为androidx.constraintlayout.motion.widget.MotionLayout，并为其配置对应的MotionScene，定义好内部视图的动画规则。
• 在外部页面（Activity/Fragment）中给RecyclerView添加滚动监听：

recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
    override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
        super.onScrolled(recyclerView, dx, dy)
        val scrollOffset = recyclerView.computeVerticalScrollOffset()
        val totalScrollRange = recyclerView.computeVerticalScrollRange() - recyclerView.height
        if (totalScrollRange <= 0) return
        // 计算0-1之间的滚动进度
        val progress = scrollOffset.toFloat() / totalScrollRange.toFloat()
        // 同步进度给内部MotionLayout
        internalMotionLayout.progress = progress
    }
})

3. 使用ViewTransition API（ConstraintLayout 2.1+） #

ConstraintLayout 2.1及以上版本提供的ViewTransition API支持跨层级引用视图，你可以在MotionScene中通过该标签直接定义嵌套视图的动画。

示例MotionScene代码：

<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:motion="http://schemas.android.com/apk/res-auto">

    <Transition
        motion:constraintSetStart="@+id/start"
        motion:constraintSetEnd="@+id/end"
        motion:motionInterpolator="linear">
        <OnSwipe
            motion:touchAnchorId="@+id/recycler_view"
            motion:touchAnchorSide="top"
            motion:dragDirection="dragUp" />
        <!-- 定义跨层级视图的动画过渡 -->
        <ViewTransition
            motion:viewId="@+id/internal_target_view"
            motion:constraintSetStart="@+id/start_internal"
            motion:constraintSetEnd="@+id/end_internal" />
    </Transition>

    <ConstraintSet android:id="@+id/start">
        <!-- 外部视图的起始约束配置 -->
    </ConstraintSet>

    <ConstraintSet android:id="@+id/end">
        <!-- 外部视图的结束约束配置 -->
    </ConstraintSet>

    <!-- 内部视图的约束集 -->
    <ConstraintSet android:id="@+id/start_internal">
        <Constraint android:id="@+id/internal_target_view">
            <PropertySet android:alpha="1.0" android:translationY="0dp" />
        </Constraint>
    </ConstraintSet>

    <ConstraintSet android:id="@+id/end_internal">
        <Constraint android:id="@+id/internal_target_view">
            <PropertySet android:alpha="0.3" android:translationY="-20dp" />
        </Constraint>
    </ConstraintSet>
</MotionScene>

注意：需确保ConstraintLayout版本≥2.1.0，且嵌套视图的ID在整个布局中唯一。

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