Lines Matching refs:effect

7   **Table 1** Transition effect APIs
11 | IDENTITY | Disables the transition effect.| None.|
12 | OPACITY | Applies the default opacity transition effect.| The component enters by changing the op…
13 | SLIDE | Applies a sliding transition effect.| The component enters by sliding in from the left ed…
14 | translate | Applies a translation transition effect.| The component enters by moving from the pos…
15 | rotate | Applies a rotation transition effect.| The component enters by rotating from the positio…
16 | opacity | Applies an opacity transition effect.| The component enters by changing the opacity fro…
17 | move | Applies a transition effect by specifying which edge the component slides in and out of th…
18 …effect.<br>- **appear**: enter transition effect.<br>- **disappear**: exit transition effect.| The…
20 …effect.<br>- If animation settings are not specified here, the animation settings of **animateTo**…
27    // Define the animation settings for each transition effect.
28    private effect: object =
29 …TransitionEffect.OPACITY // Apply an opacity transition effect. As the animation API is not called…
30        // Apply a scaling transition effect and specify springMotion (0.6, 1.2) as the curve.
32 …// Apply a rotation transition effect, whose animation settings follow TransitionEffect above, tha…
34 …// Apply a translation transition effect, whose animation settings follow TransitionEffect above, …
36        // Apply a move transition effect and specify springMotion as the curve.
38 …// Apply an asymmetric transition effect. As the animation API is not called here, the animation s…
46      .transition(this.effect)
56        .transition(this.effect)
60 … control variable in the animateTo closure. In this case, the transition effect for which the anim…
70 …Below is the complete sample code and effect. In the example, the transition is triggered by delet…
81   private effect: TransitionEffect =
82     // Apply the default opacity transition effect and specify springMotion (0.6, 0.8) as the curve.
84 …// Combine with a scale transition effect, whose animation settings follow TransitionEffect above,…
86 …// Apply a rotation transition effect, whose animation settings follow TransitionEffect above, tha…
88 …// Apply a translation transition effect, whose animation settings are specified by animation, whi…
90 …// Apply a movement transition effect, whose animation settings follow TransitionEffect above, tha…
108         .transition(this.effect)
177 …// When the grid cells exit, the exit transition effect does not take effect if the transition eff…
178 …lay with a 0.99 opacity when the cells exit. In this way, the transition effect of grid cells is n…
186 …// When the grid cells exit, the exit transition effect does not take effect if the transition eff…
187 …lay with a 0.99 opacity when the cells exit. In this way, the transition effect of grid cells is n…