Sayfa geçişleri

Sayfa geçişleri, kullanıcılara uygulamadaki sayfalar arasında gezinerek sayfalar arasındaki ilişki olarak geri bildirim sağlar. Sayfa geçişleri, kullanıcıların gezinti hiyerarşisinin en üstünde yer aldıklarını, eşdüzey sayfalar arasında gezindiklerini veya sayfa hiyerarşisinde daha derine indiklerini anlamalarına yardımcı olur.

Uygulamada sayfalar arasında navigasyon için iki farklı animasyon sağlanır: Sayfa yenileme ve Detay. Bu animasyonlar, NavigationTransitionInfoalt sınıfları ile temsil edilir.

WinUI 3 Galeri uygulamasını açın ve Gizli Geçişler'in işlevini izleyin

WinUI 3 Galeri simgesi WinUI 3 Galeri uygulaması, WinUI denetimlerinin ve özelliklerinin etkileşimli örneklerini içerir. uygulamayı Microsoft Store adresinden alın veya GitHub üzerindeki kaynak koduna göz atın.

Sayfa yenileme

Sayfa yenileme, içeriğin gelmesi için yukarı kaydırma animasyonu ile solma içeri girme animasyonunun birleşimidir. Kullanıcı, sekmeler veya sol gezinti öğeleri arasında gezinme gibi bir gezinti yığınının en üstüne alındığında sayfa yenilemeyi kullanın.

İstenen duygu, kullanıcının yeniden başladığı hissidir.

sayfa yenileme animasyonu

Sayfa yenileme animasyonu , EntranceNavigationTransitionInfo sınıfı tarafından temsil edilir.

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

Uyarı

Çerçeve, iki sayfa arasında gezintiye animasyon eklemek için otomatik olarak NavigationThemeTransition kullanır. Varsayılan olarak, animasyon sayfa yenilemedir.

Matkap

Kullanıcılar bir öğeyi seçtikten sonra daha fazla bilgi görüntülemek gibi bir uygulamada daha ayrıntılı gezinirken detaylandırmayı kullanın.

İstenen his, kullanıcının uygulamanın daha derinlerine inmiş olmasıdır.

alıştırma animasyonu

Matkap animasyonu, DrillInNavigationTransitionInfo sınıfı tarafından temsil edilir.

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

Yatay slayt

Eşdüzey sayfaların yan yana göründüğünü göstermek için yatay slayt kullanın. NavigationView denetimi, üst gezinti için bu animasyonu otomatik olarak kullanır, ancak kendi yatay gezinti deneyiminizi oluşturuyorsanız, SlideNavigationTransitionInfo ile yatay slayt uygulayabilirsiniz.

İstenen his, kullanıcının yan yana olan sayfalar arasında geziniyor olmasıdır.

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

Bastırmak

Gezinti sırasında herhangi bir animasyonu oynatmamak için diğer NavigationTransitionInfo alt türlerinin yerine SuppressNavigationTransitionInfo kullanın.

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

Bağlı Animasyonlar veya örtük göster/gizle animasyonları kullanarak kendi geçişinizi oluşturuyorsanız, animasyonu bastırmak yararlı olur.

Geriye doğru gezinti

Geriye doğru gezinirken belirli bir geçişi yürütmek için Frame.GoBack(NavigationTransitionInfo) kullanabilirsiniz.

Bu, gezinti davranışını ekran boyutuna göre dinamik olarak değiştirdiğinizde yararlı olabilir; örneğin, yanıt veren bir liste/ayrıntı senaryosunda.

  • Last updated on