animation7_collapsing_header_desc.xml

<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <ConstraintSet android:id="@+id/expanded" />

    <ConstraintSet android:id="@+id/collapsed">
        <Constraint android:id="@id/headerImageView">
            <Layout
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:layout_marginStart="8dp"
                app:layout_constraintBottom_toBottomOf="@+id/headerView"
                app:layout_constraintStart_toStartOf="@id/headerView"
                app:layout_constraintTop_toTopOf="@id/headerView" />
        </Constraint>
    </ConstraintSet>

    <Transition
        app:constraintSetEnd="@id/collapsed"
        app:constraintSetStart="@id/expanded">

        <KeyFrameSet>
            <KeyAttribute
                app:framePosition="0"
                app:motionTarget="@id/headerView">
                <CustomAttribute
                    app:attributeName="backgroundColor"
                    app:customColorValue="#ffffff" />
            </KeyAttribute>
            <KeyAttribute
                app:framePosition="100"
                app:motionTarget="@id/headerView">
                <CustomAttribute
                    app:attributeName="backgroundColor"
                    app:customColorValue="@color/primaryColor" />
            </KeyAttribute>
        </KeyFrameSet>

        <OnSwipe
            app:dragDirection="dragUp"
            app:touchAnchorId="@id/personRecyclerView"
            app:touchAnchorSide="top" />
    </Transition>

</MotionScene>