Udostępnij przez


Przejścia stron

Przejścia stron pomagają użytkownikom przemieszczać się między stronami w aplikacji, zapewniając informację zwrotną na temat relacji między stronami. Przejścia między stronami pomagają użytkownikom zrozumieć, czy znajdują się na szczycie hierarchii nawigacyjnej, przechodzą między stronami na tym samym poziomie, lub schodzą w głąb hierarchii stron.

Dwie różne animacje są dostępne do nawigacji między stronami w aplikacji, odświeżanie strony oraz Drill, i są reprezentowane przez podklasy NavigationTransitionInfo.

Aplikacja Galeria WinUI 3 zawiera interaktywne przykłady większości kontrolek, funkcji i funkcji interfejsu WinUI 3. Pobierz aplikację ze Sklepu Microsoft lub pobierz kod źródłowy w witrynie GitHub

Odświeżanie strony

Odświeżanie strony to kombinacja animacji przesuwania w górę i zanikania dla zawartości przychodzącej. Użyj odświeżania strony, gdy użytkownik zostanie przewieziony na górę stosu nawigacji, na przykład nawigowanie między kartami lub elementami nawigacji po lewej stronie.

Pożądanym uczuciem jest to, że użytkownik rozpoczął od nowa.

animacja odświeżania strony

Animacja odświeżania strony jest reprezentowana przez klasę EntranceNavigationTransitionInfo .

// Explicitly play the page refresh animation.
myFrame.Navigate(typeof(Page2), null, new EntranceNavigationTransitionInfo());

Uwaga / Notatka

Ramka automatycznie używa elementu NavigationThemeTransition do animowania nawigacji między dwiema stronami. Domyślnie animacja to odświeżanie strony.

Wiertło

Użyj drążenia, gdy użytkownicy wgłębiają się w aplikację, na przykład wyświetlając więcej informacji po wybraniu elementu.

Pożądane jest, aby użytkownik czuł się wciągnięty w aplikację.

animacja wiertnicza

Animacja wiertła jest reprezentowana przez klasę DrillInNavigationTransitionInfo.

// Play the drill in animation.
myFrame.Navigate(typeof(Page2), null, new DrillInNavigationTransitionInfo());

Slajd poziomy

Użyj poziomego slajdu, aby pokazać, że obok siebie są wyświetlane strony równorzędne. Kontrolka NavigationView automatycznie używa tej animacji dla górnej nawigacji, ale jeśli tworzysz własne środowisko nawigacji poziomej, możesz zaimplementować slajd poziomy za pomocą polecenia SlideNavigationTransitionInfo.

Chodzi o to, by użytkownik nawigował między stronami, które są obok siebie.

// Navigate to the right, ie. from LeftPage to RightPage.
myFrame.Navigate(typeof(RightPage), null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromRight } );

// Navigate to the left, ie. from RightPage to LeftPage.
myFrame.Navigate(typeof(LeftPage), null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromLeft } );

Tłumić

Aby uniknąć odtwarzania animacji podczas nawigacji, użyj SuppressNavigationTransitionInfo w miejscu innych NavigationTransitionInfo podtypów.

// Suppress the default animation.
myFrame.Navigate(typeof(Page2), null, new SuppressNavigationTransitionInfo());

Pomijanie animacji jest przydatne, jeśli tworzysz własne przejście przy użyciu połączonych animacji lub niejawnych pokazów/ukrywania animacji.

Nawigacja wstecz

Możesz użyć Frame.GoBack(NavigationTransitionInfo), aby odtworzyć określone przejście podczas nawigowania wstecz.

Może to być przydatne podczas dynamicznego modyfikowania zachowania nawigacji na podstawie rozmiaru ekranu; na przykład w scenariuszu dynamicznej listy/szczegółów.