<KeyFrameSet>

Stay organized with collections Save and categorize content based on your preferences.

Specifies location and attributes for views over the course of the motion sequence. By default, motion proceeds from the initial state to the end state. By using <KeyFrameSet>, you can build more complex motions.

The <KeyFrameSet> contains <KeyPosition> or <KeyAttribute> nodes. These nodes specify the position or attributes of a target view at a specific point in the motion. MotionLayout smoothly animates the view from the starting point to each intermediate point and then to the final destination.

Suppose the initial state of the motion sequence has an opaque ball in the lower-left corner of the view, and the final state makes the ball transparent in the upper-right corner. By default, the MotionLayout moves the ball smoothly in a diagonal line, gradually becoming transparent until it vanishes when it reaches its destination. By using <KeyFrameSet>, you can change this behavior. For example, you can make the ball move vertically to the upper-left corner while remaining entirely opaque, then move horizontally to the upper-right corner while fading out. You can do this by creating a <KeyFrameSet> and adding a <KeyPosition> and <KeyAttribute> inside it. The <KeyPosition> specifies the intermediate location of the ball, and the <KeyAttribute> specifies that the ball remains opaque at the midpoint of the motion.

Syntax

<KeyFrameSet>
    [ <KeyPosition/>... ]
    [ <KeyAttribute/>...]
</KeyFrameSet>

Contained in

<Transition>

Contains

<KeyPosition>
Specifies a view's position at a specific moment during the motion sequence.
<KeyAttribute>
Specifies view attributes at a specific moment during the motion sequence.