animation3_key_attributes_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/start">

        <Constraint android:id="@id/view">
            <CustomAttribute
                app:attributeName="backgroundColor"
                app:customColorValue="#F9A825" />
        </Constraint>

        <Constraint android:id="@id/textView">
            <PropertySet app:alpha="0" />
        </Constraint>
    </ConstraintSet>

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

        <Constraint android:id="@id/view">
            <CustomAttribute
                app:attributeName="backgroundColor"
                app:customColorValue="#1565C0" />
            <Layout
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_marginEnd="16dp"
                android:layout_marginBottom="16dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent" />
            <Transform android:rotation="180" />
        </Constraint>

        <Constraint android:id="@id/textView">
            <PropertySet app:alpha="1" />
        </Constraint>
    </ConstraintSet>

    <Transition
        app:constraintSetEnd="@id/end"
        app:constraintSetStart="@id/start"
        app:duration="400">

        <KeyFrameSet>
            <KeyAttribute
                android:scaleX="2"
                android:scaleY="2"
                app:framePosition="50"
                app:motionTarget="@id/textView" />
            <KeyPosition
                app:framePosition="30"
                app:keyPositionType="pathRelative"
                app:motionTarget="@id/view"
                app:percentX="0.5"
                app:percentY="0.20" />
            <KeyPosition
                app:framePosition="60"
                app:keyPositionType="pathRelative"
                app:motionTarget="@id/view"
                app:percentX="-0.2" />
        </KeyFrameSet>

        <OnClick
            app:clickAction="toggle"
            app:targetId="@id/view" />
    </Transition>

</MotionScene>