実際には、完全なアプリ標準を SplitView や Create Navigation などに置き換えることができます。
私がしたことは次のとおりです。
1- ここからナビゲーションの例を学びます:
uwp ナビゲーションの例
2.- それがどのように機能するかを学んだ後、コマンドバーがアプリバーの外にあるなどのいくつかのトリックがあります。ライブラリ内のすべてのコードを抽出できます。
AppShell.xaml、NavMenuItem、NavMenuListView.cs、PageHeader.xaml
3.- 次の拡張機能を作成します。
public class NavigationExtensions
{
public static void Initialize<T>(List<NavMenuItem> list, NavigationFailedEventHandler OnNavigationFailed, LaunchActivatedEventArgs e)
{
AppShell shell = Window.Current.Content as AppShell;
// Do not repeat app initialization when the Window already has content,
// just ensure that the window is active
if (shell == null)
{
// Create a AppShell to act as the navigation context and navigate to the first page
shell = new AppShell();
shell.NavigationList = list;
try
{
shell.CurrentItem = list.First(i => i.DestPage == typeof(T));
}
catch
{
}
// Set the default language
shell.Language = Windows.Globalization.ApplicationLanguages.Languages[0];
shell.AppFrame.NavigationFailed += OnNavigationFailed;
if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
{
//TODO: Load state from previously suspended application
}
}
// Place our app shell in the current Window
Window.Current.Content = shell;
if (shell.AppFrame.Content == null)
{
// When the navigation stack isn't restored, navigate to the first page
// suppressing the initial entrance animation.
shell.AppFrame.Navigate(typeof(T), e.Arguments, new Windows.UI.Xaml.Media.Animation.SuppressNavigationTransitionInfo());
}
// Ensure the current window is active
Window.Current.Activate();
}
}
4.- プロジェクトと App.xaml.cs add でこれらすべてを参照します。
protected override void OnLaunched(LaunchActivatedEventArgs e)
{
NavigationExtensions.Initialize<PersonalView>(Navigation.GetNavigationMenuItems(),OnNavigationFailed,e);
}
メソッドの例は次のとおりです。
public class Navigation
{
public static List<NavMenuItem> GetNavigationMenuItems()
{
var list = new List<NavMenuItem>(
new[]
{
new NavMenuItem()
{
Symbol = Symbol.Contact,
Label = "Personal",
DestPage = typeof(PersonalView)
},
new NavMenuItem()
{
Symbol = Symbol.World,
Label = "Countries",
DestPage = typeof(CountriesView)
},
new NavMenuItem()
{
Symbol = Symbol.Setting,
Label = "Settings",
DestPage = typeof(SettingsView)
},
});
return list;
}
}