Přechody stránek

Přechody stránek navigují uživatele mezi stránkami v aplikaci a poskytují zpětnou vazbu o vztahu mezi stránkami. Přechody stránek pomáhají uživatelům pochopit, jestli jsou v horní části navigační hierarchie, přecházejí mezi stránkami na stejné úrovni nebo přecházejí hlouběji do hierarchie stránek.

Pro navigaci mezi stránkami v aplikaci jsou k dispozici dvě různé animace: obnovení stránky a Drill, a jsou reprezentovány podtřídami NavigationTransitionInfo.

Aplikace Galerie WinUI 3 obsahuje interaktivní příklady ovládacích prvků a funkcí WinUI. Získejte aplikaci z Microsoft Store nebo vyhledejte zdrojový kód na GitHub.

Aktualizace stránky

Aktualizace stránky je kombinací animace posunutí nahoru a prolínání příchozího obsahu. Použijte obnovu stránky, když je uživatel přesměrován na začátek navigační struktury, například při procházení mezi kartami nebo položkami vlevo.

Požadovaný pocit je, že uživatel začal znovu.

Animace aktualizace stránky je reprezentována třídou EntranceNavigationTransitionInfo.

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

Vrtačka

Můžete použít techniku prohloubení, když uživatelé procházejí aplikaci do větší hloubky, například když se po výběru položky zobrazí více informací.

Požadovaný pocit je, že uživatel se do aplikace ponořil hlouběji.

Animace vrtání je reprezentována třídou DrillInNavigationTransitionInfo.

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

Horizontální posun

Použijte vodorovný posun k zobrazení, že sousedící stránky se zobrazují vedle sebe. Ovládací prvek NavigationView automaticky používá tuto animaci pro horní navigaci, ale pokud vytváříte vlastní vodorovné navigační prostředí, můžete implementovat vodorovný snímek s SlideNavigationTransitionInfo.

Požadovaný pocit je, že uživatel přechází mezi stránkami, které jsou vedle sebe.

// 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 } );

Potlačit

Pokud se chcete vyhnout přehrávání animace během navigace, použijte SuppressNavigationTransitionInfo místo jiných podtypů NavigationTransitionInfo .

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

Potlačení animace je užitečné, pokud vytváříte vlastní přechod pomocí Připojených animací nebo implicitních zobrazení nebo skrytí animací.

Zpětná navigace

Pro návrat zpět můžete použít Frame.GoBack(NavigationTransitionInfo) k přehrání specifického přechodu.

To může být užitečné při dynamické úpravě chování navigace na základě velikosti obrazovky; Například ve scénáři responzivního seznamu nebo podrobností.

Související témata

• Navigace mezi dvěma stránkami
• Pohyb ve Windows