我目前正在开发 Windows 10 UWP应用程序.在我升级到Windows 10之前,我在Windows 8.1中使用了SettingsFlyout类.现在我在stackoverflow上重新启动,Windows 10不支持此类.
那么Windows 10 UWP中的弹出窗口是否有一个很好的替代方案,它具有相同或类似的处理方式?
最佳答案 如果您想要替换设置弹出窗口,那么有一些可能的方法
1.使用AppBar中的设置和导航添加SettingsPage.xaml页面:
<Page.TopAppBar>
<CommandBar IsOpen="False" ClosedDisplayMode="Minimal">
<CommandBar.PrimaryCommands>
<AppBarButton x:Name="btnSettings" Label="Settings" Click="btnSettings_Click" Icon="Setting" >
</AppBarButton>
</CommandBar.PrimaryCommands>
</CommandBar>
</Page.TopAppBar>
并实现点击事件:
private void btnSettings_Click(object sender, RoutedEventArgs e)
{
this.Frame.Navigate(typeof(SettingsPage));
}
但在这种情况下,最好添加Back按钮.
在OnLaunched事件结束时添加:
rootFrame.Navigated += OnNavigated;
SystemNavigationManager.GetForCurrentView().BackRequested += OnBackRequested;
并添加:
private void OnNavigated(object sender, NavigationEventArgs e)
{
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility =
((Frame)sender).CanGoBack ? AppViewBackButtonVisibility.Visible : AppViewBackButtonVisibility.Collapsed;
}
private void OnBackRequested(object sender, BackRequestedEventArgs e)
{
Frame rootFrame = Window.Current.Content as Frame;
if (rootFrame.CanGoBack)
{
e.Handled = true;
rootFrame.GoBack();
}
}
2.同时添加带设置的xaml页面,但使用SplitView控件导航并创建汉堡菜单
Windows 10 SplitView – Build Your First Hamburger Menu
Implementing a Simple Hamburger Navigation Menu
3.将设置移至ContentDialog
4.如果没有太多设置,可以将它们置于Flyout控件中
<Button Content="Settings">
<Button.Flyout>
<MenuFlyout>
<ToggleMenuFlyoutItem Text="Toggle Setting" />
<MenuFlyoutSeparator />
<MenuFlyoutItem Text="Setting 1" />
<MenuFlyoutItem Text="Setting 2" />
<MenuFlyoutItem Text="Setting 3" />
</MenuFlyout>
</Button.Flyout>
</Button>