Windows Phone crée une barre de menus comme Facebook

Je viens de bloguer une solution complète pour cela … et en effet, vous avez besoin de Visual States! http://depblog.weblogs.us/2013/07/22/facebook-like-settings-pane-windows-phone/

Découvrez SlideView , décrit comme “… un tiroir de navigation inspiré de l’application officielle Facebook sur Windows Phone”. https://slideview.codeplex.com/

Modifier Une fois que vous avez installé SlideView via le package d’installation SlideView de nuget

Créez un UserControl qui représentera le SlideView que vous voulez, par exemple LeftView.xaml. Vous pouvez créer un autre contrôle utilisateur pour l’autre côté, par exemple, RightView.xaml.

Ensuite, dans votre fichier App.xaml, définissez le SlideView en tant que ressource,

 xmlns:slideView="using:SlideView.Library" xmlns:views="using:SideNav.Views" xmlns:local="using:SideNav">           

Une fois terminé, modifiez votre App.xaml.cs pour changer le RootFrame par défaut et le OnLaunchedMethod.

 public sealed partial class App : Application { private TransitionCollection transitions; public static SlideApplicationFrame RootFrame { get; private set; } protected override void OnLaunched(LaunchActivatedEventArgs e) { RootFrame = Window.Current.Content as SlideApplicationFrame; // Do not repeat app initialization when the Window already has content, // just ensure that the window is active if (RootFrame == null) { // Create a Frame to act as the navigation context and navigate to the first page RootFrame = this.Resources["RootFrame"] as SlideApplicationFrame; // TODO: change this value to a cache size that is appropriate for your application RootFrame.CacheSize = 1; // Set the default language RootFrame.Language = Windows.Globalization.ApplicationLanguages.Languages[0]; if (e.PreviousExecutionState == ApplicationExecutionState.Terminated) { // TODO: Load state from previously suspended application } // Place the frame in the current Window Window.Current.Content = RootFrame; } if (RootFrame.Content == null) { // Removes the turnstile navigation for startup. if (RootFrame.ContentTransitions != null) { this.transitions = new TransitionCollection(); foreach (var c in RootFrame.ContentTransitions) { this.transitions.Add(c); } } RootFrame.ContentTransitions = null; RootFrame.Navigated += this.RootFrame_FirstNavigated; // When the navigation stack isn't restored navigate to the first page, // configuring the new page by passing required information as a navigation // parameter if (!RootFrame.Navigate(typeof(MainPage), e.Arguments)) { throw new Exception("Failed to create initial page"); } } // Ensure the current window is active Window.Current.Activate(); } } 

Cela devrait fonctionner. Ajoutez simplement du contenu à Rightview.xaml et LeftView.xaml. Pour certaines raisons, mon WindowsPhone 8.1 xaml est tombé en panne lorsque je l’ai lancé. Mais tout a fonctionné lorsque j’ai utilisé la Zumicts Fork de SlideView, disponible ici sous forme de paquet de pépites.

 Install-Package SlideView.Library.WP81.Zumicts 

Quelqu’un at-il connu le même problème?

Eh bien, il n’est pas facile de le faire comme sur iOS. Mais vous pouvez utiliser Visual State Manager .

Fondamentalement, formez un écran plus grand que votre scène. Ensuite, vous devez créer un état qui décale légèrement votre écran et vous pouvez utiliser un bouton. Vous devez appeler l’état sur la méthode du clic sur le bouton.

PS: N’utilisez pas de storyboard. Utilisez les États, c’est le moyen le plus simple de le faire.

essayez la barre de menus latérale, comme Facebook, également avec le support gestuel. essayez le lien ci-dessous.

http://developer.nokia.com/community/wiki/Control_animation_while_navigating_between_panes_inside_a_Windows_Phone_page