我们知道在win10手机上和平板上都会有后退键,那么PC上该怎么办呢?没关系我们慢慢揭晓。
如果你已经是UWP的忠实用户,那么肯定会见到如下的后退键。
那么我们如何来做出来呢?,
我们首先打开App.xaml.cs文件,在OnLaunched方法中Frame对象初始化完毕以后订阅Navigated事件,在Frame导航后需要判断是否显示后退键(因为首页就没必要显示后退键了)。
rootFrame.Navigated += RootFrame_Navigated;
然后在RootFrame_Navigated方法中显示出后退键。
1 private void RootFrame_Navigated(object sender, NavigationEventArgs e) 2 { 3 if ((Window.Current.Content as Frame).BackStack.Any()) 4 { 5 SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Visible; 6 } 7 else 8 { 9 SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Collapsed; 10 } 11 }
我们通过Frame的导航堆栈中是否存在元素来判断,如果不存在元素,就说明此时处于首页,就没必要显示后退键。
虽然现在后退键显示出来了,但是我们还没有对其作出后退响应,接下来我们订阅SystemNavigationManager对象的BackRequested事件。
1 SystemNavigationManager.GetForCurrentView().BackRequested += App_BackRequested;
在App_BackRequested方法中我们来进行后退键的响应。
1 private void App_BackRequested(object sender, BackRequestedEventArgs e) 2 { 3 var rootFrame = Window.Current.Content as Frame; 4 if (!rootFrame.CanGoBack) return; 5 rootFrame.GoBack(); 6 }
此时,我们点击后退键就可以返回了。可是当我们把app部署到手机上时我们又会发现一个问题,不论处于哪个页面,一按后退键就会直接退出app。这是因为我们在App_BackRequested方法中并没有对退出app做拦截。需要添加一句代码e.Handled = true; 更改后代码如下:
1 private void App_BackRequested(object sender, BackRequestedEventArgs e) 2 { 3 var rootFrame = Window.Current.Content as Frame; 4 if (!rootFrame.CanGoBack) return; 5 rootFrame.GoBack(); 6 e.Handled = true; 7 }
此时,不管Mobile还是PC,都可以完美的处理后退请求了。我们来看一下效果。