All objects (layout, widget and graphic) can have different animations individually while they are appearing or disappearing. Object animation options are on the right side of customization options.
They consists of 3 parts of animations: Enter animation, Exit animation and Transition animation. Enter animation defines the animation during the object is "appearing" while Exit animation does for "disappearing". The third part, Transition animation, has more complicated concept in the way it works.
1. Enter animation
This animation runs when an object is appearing. If the object is on a page, it "appears" when you come back to the launcher from another app. If the object is on a window, it "appears" when you open the window.
- Enter animation : Appearing animation of the object.
- Animation effect : Interpolator of the animation.
- Start offset : A delayed time to start the animation, in millisecond.
- Animation duration : Running time of the animation, in millisecond.
2. Exit animation
This animation runs when an object is disappearing. If the object is on a window, it "disappears" when you close the window. This animation cannot be defined when the object is on a page.
- Exit animation : Disappearing animation of the object.
- Animation effect : Interpolator of the animation.
- Start offset : A delayed time to start the animation, in millisecond.
- Animation duration : Running time of the animation, in millisecond.
3. Transition animation
Transition animation is executed for 2 objects with the same transition ID. To make the animation work, the objects must not be on the same page or window. For example, Let's suppose that one object is on a page and the other is on a window and they have the same transition ID. When you open the window, the object on the page will transit to the object on the window. When you close the window, the object on the window will transit to the object on the page vice versa. Refer to the following video for a simple example of it.
An example of transition animation between 2 objects
- Transition ID: A text ID to bind two objects.
- Animation duration: Running time of the transition animation, in millisecond.
Object animation options
They consists of 3 parts of animations: Enter animation, Exit animation and Transition animation. Enter animation defines the animation during the object is "appearing" while Exit animation does for "disappearing". The third part, Transition animation, has more complicated concept in the way it works.
1. Enter animation
This animation runs when an object is appearing. If the object is on a page, it "appears" when you come back to the launcher from another app. If the object is on a window, it "appears" when you open the window.
- Enter animation : Appearing animation of the object.
- Animation effect : Interpolator of the animation.
- Start offset : A delayed time to start the animation, in millisecond.
- Animation duration : Running time of the animation, in millisecond.
2. Exit animation
This animation runs when an object is disappearing. If the object is on a window, it "disappears" when you close the window. This animation cannot be defined when the object is on a page.
- Exit animation : Disappearing animation of the object.
- Animation effect : Interpolator of the animation.
- Start offset : A delayed time to start the animation, in millisecond.
- Animation duration : Running time of the animation, in millisecond.
3. Transition animation
Transition animation is executed for 2 objects with the same transition ID. To make the animation work, the objects must not be on the same page or window. For example, Let's suppose that one object is on a page and the other is on a window and they have the same transition ID. When you open the window, the object on the page will transit to the object on the window. When you close the window, the object on the window will transit to the object on the page vice versa. Refer to the following video for a simple example of it.
An example of transition animation between 2 objects
- Transition ID: A text ID to bind two objects.
- Animation duration: Running time of the transition animation, in millisecond.
Give some other transition ID, like aaa and more, so we can use the animation
ReplyDelete