Win10/UWP开发—系统级导航

Cle****-he UID.1073626
2015-11-26 发表

本帖最后由 Clever-he 于 2015-11-26 10:16 编辑

Win10系统为确保所有应用中的一致导航体验,提供后退导航功能。当你的应用在手机、平板电脑上或者在支持系统后退功能的电脑或笔记本电脑上运行时,系统会在"后退"按钮被按下时通知你的应用。 由你来决定要将哪些导航操作添加到导航历史记录以及应用如何响应后退按钮按下操作。参阅 ***链接停止解析*** 以获取有关导航历史记录和后退行为的建议。

下面是每个通用 Windows 平台 (UWP) 设备类型提供的后退功能的分解情况:

[table=50%]
[tr][td]电话 [/td][td]***附件停止解析*** [/td][td]
[list]
[*]始终存在。
[*]显示在屏幕底部。
[*]提供应用内和应用间的后退导航
[/list]。
[/td][/tr]
[tr][td]平板电脑 [/td][td]***附件停止解析*** [/td][td]
[list]
[*]始终存在(当 Windows 处于平板电脑模式时)。(平板电脑用户可在平板电脑模式下运行与在桌面模式下运行之间切换)。
[*]显示在屏幕底部。
[*]提供应用内和应用间的后退导航。
[/list]
[/td][/tr]
[tr][td]电脑、笔记本电脑和 Surface Hub [/td][td]***附件停止解析*** [/td][td]
[list]
[*]默认处于禁用状态。开发人员可以选择启用它。
[*]显示在应用的标题栏中。
[*]仅在应用内提供后退导航。不提供应用间的导航。
[/list]
[/td][/tr]
[/table]


我们接下来要做的事情就是当设备类型为电脑、笔记本或Surface Hub的时候,开启系统后退导航按钮并响应系统后退导航事件。

首先我们新建一个UWP通用App项目,暂且起名为:NavBackButtonSample

订阅后退导航按钮点击事件

打开App.cs文件,在OnLaunched事件中Frame对象初始化完毕后订阅SystemNavigationManager的BackRequested事件:
[mw_shl_code=csharp,true]SystemNavigationManager.GetForCurrentView().BackRequested += App_BackRequested;[/mw_shl_code]

通过SystemNavigationManager.GetForCurrentView()方法我们能得到SystemNavigationManager对象,然后订阅对象的BackRequested事件,我们就可以在点击后退导航按钮时捕捉到该动作,从而在事件方法内部实现自己的逻辑。

响应后退导航按钮

[mw_shl_code=csharp,true]private void App_BackRequested(object sender, BackRequestedEventArgs e)
{
// 这里面可以任意选择控制哪个Frame
// 如果MainPage.xaml中使用了另外的Frame标签进行导航 可在此处获取需要GoBack的Frame
var rootFrame = Window.Current.Content as Frame;

// ReSharper disable once PossibleNullReferenceException
if (!rootFrame.CanGoBack) return;
rootFrame.GoBack();
}[/mw_shl_code]

首先我们需要获取到需要GoBack的Frame对象,注意,如果我们在App的页面中又使用了另外的Frame元素进行导航的话需要获取实际进行导航的Frame对象来进行操作。然后判断是否可以goback后进行goback。

完成上面这些操作后,系统的导航按钮就具备了响应我们的点击事件,但是还有一件事情,PC、笔记本、Surface Hub的系统导航按钮默认是隐藏的,我们还需要使其显示出来,需要注意的是,在程序刚刚打开导航到首页或者从其他深层页面GoBack到首页时,我们需要隐藏系统导航按钮。

开启显示导航按钮


在App的OnLaunched事件中,我们订阅Frame的Navigated事件,Frame在每次做导航后,我们需要判断系统后退按钮是否显示(后退到首页时,系统后退按钮应该处于隐藏状态)。
[mw_shl_code=csharp,true]//订阅导航完成时事件
rootFrame.Navigated += RootFrame_Navigated;[/mw_shl_code]

在Frame的Navigated事件中,判断App的Frame的导航堆栈中是否存在元素,如果存在元素就显示后退导航按钮,如果不存在元素则说明App目前处于首级Page,我们隐藏按钮:
[mw_shl_code=csharp,true]private void RootFrame_Navigated(object sender, NavigationEventArgs e)
{
// 每次完成导航 确定下是否显示系统后退按钮
// ReSharper disable once PossibleNullReferenceException
SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility =
(Window.Current.Content as Frame).BackStack.Any()
? AppViewBackButtonVisibility.Visible : AppViewBackButtonVisibility.Collapsed;
}[/mw_shl_code]

在判断Frame导航堆栈是否具有元素时,我们默认是获取的Windows.Current.Content对象为Frame。

通过上面的设置,我们的App的左上角在进行一次跳转后就会出现系统的后退导航按钮,此时我们点击该按钮系统就会进行一次Navigation GoBack的操作。

然后做完上面的操作还不够,虽然在PC、笔记本、surface hub设备上我们的代码运行起来是没问题的,可是当设备更改为平板电脑或者Phone时,当我们按下系统后退键,App会直接被退出。这是因为我们在SystemNavigationManager对象的BackRequested事件中没有对是否退出App做拦截。在BackRequested事件中做完rootFrame.GoBack();后添加e.Handled = true;更改后的代码如下:
[mw_shl_code=csharp,true]private void App_BackRequested(object sender, BackRequestedEventArgs e)
{
// 这里面可以任意选择控制哪个Frame
// 如果MainPage.xaml中使用了另外的Frame标签进行导航 可在此处获取需要GoBack的Frame
var rootFrame = Window.Current.Content as Frame;

// ReSharper disable once PossibleNullReferenceException
if (!rootFrame.CanGoBack) return;
rootFrame.GoBack();
// 设置指示应用程序已执行请求的后退导航操作
e.Handled = true;
}[/mw_shl_code]

效果图:
***图片停止解析***
本文出自:53078485群大咖Aran

敬告:
为防止不可控的内容风险,本站已关闭新用户注册,新贴的发表及评论;
你现在看到的内容只是互联网用户曾经发表的言论快照,仅用于老用户留存纪念,且仅与科技行业相关,全部内容不代表本站观点及立场;
本站重新开放前已针对包括用户隐私、版权保护、信息安全、国家政策在内的各种互联网法律法规要求,执行了隐患内容的自查、屏蔽和删除;
本站目前所属个人主体,未有任何盈利安排与计划,且与原WFUN.COM所属公司不存在任何关联关系;
如果本帖内容或者相关资源侵犯到您的合法权益,或者您认为存在问题,那么请您务必点此举报或投诉!
全部回复:
永远的NO.1 UID.343015
2015-11-26 使用 Lumia 1520 回复

好帖

sxcy UID.633674
2015-11-26 回复

比较高深

闹****闹 UID.1153426
2015-11-26 回复

很实用的代码,定一个!

毛****呢 UID.1261253
2015-12-20 回复

内容已屏蔽

本站使用Golang构建,点击此处申请开源鄂ICP备18029942号-4联系站长投诉/举报