Replicate the YouTube's thumbnail animation. (#53)

Using percentWidth. The idea is I wanted to change the height
of the image first, so until a certain frame position
(90 in this case) kept the change of the width as 0 using
percentWidth.

Author: thagikura

motionlayout/src/main/res/xml/scene_24.xml

@@ -153,11 +153,24 @@
 
             <KeyPosition
                 motion:target="@id/top_image"
-                motion:framePosition="80"
-                motion:curveFit="spline"
-                motion:pathMotionArc="startHorizontal"
-                motion:keyPositionType="deltaRelative"
-                motion:percentX="0.3"
+                motion:framePosition="90"
+                motion:percentWidth="0"
+                motion:percentX="0"
+                motion:curveFit="linear"
+                />
+
+            <KeyPosition
+                motion:target="@id/top_image_container"
+                motion:framePosition="90"
+                motion:percentWidth="0"
+                motion:curveFit="linear"
+                />
+
+            <KeyPosition
+                motion:target="@id/recyclerview_container"
+                motion:framePosition="90"
+                motion:percentWidth="0"
+                motion:curveFit="linear"
                 />
 
             <KeyAttribute