====== 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 {{ui:ui-doku_link-backlink-v4.webp?direct&30|Backlink icon}} on the right sidebar (mobile: drop-down dialog at the top of the page). {{imapmarkers>:ui:ui-animation-no_exit-v4.webp?direct&200|Graphic Animation}} [[:ui:ui-animation-enter_animation|ID1|Enter animation@14,35,189,61]] [[:ui:ui-animation-animation_effect|ID2|Animation effect@14,73,188,99]] [[:ui:ui-animation-transition_id|ID3|Transition ID@15,524,187,569]] [[:ui:ui-graphic-text|ID4|Options@33,647,85,697]] {{cfg>}} { } {{**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. {{page>site:site-footer-comment_feedback_block}} ===== Hidden Index Anchors ===== [[:ui:ui-animation-enter_animation]] [[:ui:ui-animation-animation_effect]] [[:ui:ui-animation-transition_id]] [[:ui:ui-graphic-text]]