Graphic Animation

Dialog selections are discussed below the image. To navigate to an item, select it in the [insert] image. If NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon on the right sidebar (mobile: drop-down dialog at the top of the page).

Graphic Animation dialog. Make selection above.

The elements that can be selected for navigation in the above dialog are:

• Enter Animation - Selects the type of visual effect applied when the object enters the screen.
• Animation effect - Determines the easing curve (such as decelerate) used during the animation transition.
• Transition ID - Links two objects across different windows using a matching identifier string to enable a shared transition animation during window changes. The transition ID must be a string of characters [such as music_art_cover or weather_card_main] with no spaces or special characters. The ID must match exactly between the transitioning objects.
• OPTIONS - Switches the active view of the dialog to the general configuration settings for the object.

Other non-navigable elements in the above dialog are:

• Enter animation
  • Start Offset - Sets the delay time in milliseconds before the animation begins executing.
  • Animation duration (ms) - Adjusts the total time in milliseconds that the enter animation takes to complete.
• Transition animation
  • Animation duration (ms) - Specifies the total execution time in milliseconds for the shared transition animation.

===== Hidden Index Anchors ===== ui-animation-enter_animation ui-animation-animation_effect ui-animation-transition_id ui-graphic-text