The Configuration property is not available in earlier SDKs. This feature requires that your app's Target version be Windows 10, version 1809 ( SDK 17763) or later. You should consider using a connected animation instead of a drill in navigation transition whenever there is an image or other piece of UI shared between the source and destination views. When to use connected animationĬonnected animations are generally used when changing pages, though they can be applied to any experience where you are changing content in a UI and want the user to maintain context. Additionally, connected animations add visual interest and polish to page navigation that can help differentiate the motion design of your app. Connected animations provide a powerful visual metaphor that emphasizes the relationship between two views by drawing the user’s focus to the content shared between them. When navigating between pages, it’s important for the user to understand what new content is being presented after the navigation and how it relates to their intent when navigating. To learn more, see the Fluent Design overview. Connected animation is a Fluent Design System component that adds motion to your app. The Fluent Design System helps you create modern, bold UI that incorporates light, depth, motion, material, and scale. The effect helps maintain user context across the transition.Ĭonnected animation and the Fluent Design System In this short video, an app uses a connected animation to animate an item image as it "continues" to become part of the header of the next page. Get the WinUI 2 Gallery app (Microsoft Store).If you have the WinUI 2 Gallery app installed, click here to open the app and see Connected Animation in action. Important APIs: ConnectedAnimation class, ConnectedAnimationService class Examples WinUI 2 Gallery This emphasizes the common content between the views and creates a beautiful and dynamic effect as part of a transition. In a connected animation, an element appears to "continue" between two views during a change in UI content, flying across the screen from its location in the source view to its destination in the new view. This helps the user maintain their context and provides continuity between the views. Connected animations let you create a dynamic and compelling navigation experience by animating the transition of an element between two different views.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |