Windows-universal-samples学习笔记系列三:Navigation
Navigation | ||
---|---|---|
Back Button | Master/detail | Navigation menu (XAML) |
Pivot | Projection | XHR, handling navigation errors, and URL schemes |
Back Button Sample (回退按钮)
This sample demonstrates how to set up an event handler for the back button event and how to enable the title bar back button for when the app is in windowed Desktop mode.
Specifically, this sample covers:
- Setting up an event handler for BackRequested and to navigate back in the page stack.
- Enabling and disabling the title bar back button based on the app's internal page stack.
Master/detail sample (宽屏幕上同时展示详细信息,窄屏幕则导航到详细页)
This sample shows how to implement a responsive master/detail experience in XAML. In the master/detail pattern, a master list is used to select an item that will then appear in a detail view.
When the app view is sufficiently wide, the master list and detail view should appear side by side in the same app page. However, on smaller screen sizes, the two pieces of UI should appear on different pages, allowing the user to navigate between them. This sample shows how to implement these experiences and adaptively switch between them based on the size of the screen.
Specifically, this sample demonstrates:
- Creating a side-by-side master/detail experience in XAML: In
MasterDetailPage.xaml
, a master list is used to switch between detail items in a side-by-side view. This page will also responsively update to include just the master list when the view is narrow. - Navigating between the master list and a detail view: At narrow screen sizes, the user can navigate between the master list in
MasterDetailPage.xaml
and detail view inDetailPage.xaml
to view different items. - Changing the navigation model when the app is resized: This sample contains the code necessary to adaptively switch between the two experiences described above at runtime based on screen size.
Navigation menu (XAML) sample (导航菜单)
This sample demonstrates how to provide a top-level navigation menu to users (a.k.a. a hamburger menu).
Specifically, this sample shows how to:
- Utilize a SplitView control: The SplitView is a control with two content areas: the Pane and the Content. The Pane can be opened or closed. Using the DisplayMode property the app can switch the Pane to Overlay the Content or appear Inline. When the available space is constrained the Pane can be put into a CompactOverlay or CompactInline mode where it provides a visual hint to the user.
- Customize a ListView to present menu items with a single-selection experience: This uses a ListView to present the default visuals for the menu items and customizes the keyboarding behavior to provide a single selection model where up/down/tab/shift+tab moves through each item and 'Enter' and 'Space' select the item.
Pivot sample (相当于手机上的Tab控件)
This sample shows how to use a Pivot control in your UWP application.
Specifically, this sample shows how to:
- Use pivots across devices : No longer just a mobile control, pivot works great with mouse, keyboard, and touch
- Show custom header content: Learn how to create responsive experiences with the new header content areas
- Create custom experices: With its improved flexibility, learn how to create a 'tabs-style' experience with Pivot
Projection sample (用于投影或多屏)
This sample demonstrates how to display two different views of your app UI on different screens, as users might do when projecting your app in a meeting or conference.
The sample demonstrates:
- Displaying two different views of your app on different screens.
- Starting, stopping and swapping views.
- Using ProjectionManager and ApplicationViewSwitcher APIs.
- Enumerating available screens to project to and projecting a view of your app to a specific one.
XHR, handling navigation errors, and URL schemes sample (仅用于JS)
Windows-universal-samples学习笔记系列三:Navigation的更多相关文章
- 步步为营 SharePoint 开发学习笔记系列总结
转:http://www.cnblogs.com/springyangwc/archive/2011/08/03/2126763.html 概要 为时20多天的sharepoint开发学习笔记系列终于 ...
- Windows phone 8 学习笔记(9) 集成
原文:Windows phone 8 学习笔记(9) 集成 本节整理了之前并没有提到的Windows phone 8 系统相关集成支持,包括选择器.锁定屏幕的.联系人的访问等.选择器列举了若干内置应用 ...
- Windows phone 8 学习笔记(7) 设备
原文:Windows phone 8 学习笔记(7) 设备 本节主要涉及到 Windows phone 8 手机支持的各类设备,包括相机.设备状态,振动装置等.还有各类感应器,包括磁力计.加速度器和陀 ...
- Windows phone 8 学习笔记(6) 多任务
原文:Windows phone 8 学习笔记(6) 多任务 Windows phone 8 是一个单任务操作系统,任何时候都只有一个应用处于活跃状态,这里的多任务是指对后台任务的支持.本节我们先讲讲 ...
- Windows phone 8 学习笔记(4) 应用的启动
原文:Windows phone 8 学习笔记(4) 应用的启动 Windows phone 8 的应用除了可以直接从开始菜单以及应用列表中打开外,还可以通过其他的方式打开.照片中心.音乐+视频中心提 ...
- Windows phone 8 学习笔记(3) 通信
原文:Windows phone 8 学习笔记(3) 通信 Windows phone 8 可利用的数据通信方式比较广泛,在硬件支持的前提下,我们可以利用WiFi.蓝牙.临近感应等多种方式.数据交互一 ...
- Windows phone 8 学习笔记(1) 触控输入
原文:Windows phone 8 学习笔记(1) 触控输入 Windows phone 8 的应用 与一般的Pc应用在输入方式上最大的不同就是:Windows phone 8主要依靠触控操作.因此 ...
- Windows phone 8 学习笔记(8) 定位地图导航
原文:Windows phone 8 学习笔记(8) 定位地图导航 Windows phone 8 已经不使用自家的bing地图,新地图控件可以指定制图模式.视图等.bing地图的定位误差比较大,在模 ...
- Windows phone 8 学习笔记(5) 图块与通知
原文:Windows phone 8 学习笔记(5) 图块与通知 基于metro风格的Windows phone 8 应用提到了图块的概念,它就是指启动菜单中的快速启动图标.一般一个应用必须有一个默认 ...
随机推荐
- dbcp第一次获取连接的时间问题
最近优化代码,发现第一次调用数据库连接时非常慢,往后便不再发生.经了解,数据库连接是用dbcp管理的,想在网上查找答案,但没有找到.在某人的提醒下决定研究源代码: 部分源代码如下(BasicDataS ...
- WINDOWS防火墙开启后Ping不通
WINDOWS系统由于安全考虑,当开启防火墙时,默认不允许外主机对其进行ping功能,即别的电脑ping不通本机.别的主机ping不通本机是因为本机的防火墙关闭了ICMP回显功能,只要把这回显功能打开 ...
- IDEA错误:Cannot start compilation: the output path is not specified for module "Test". Specify the out
错误是发生在从github上checkout自己的项目时.因为没有将配置文件一起上传,所以在运行Java程序时有了这个报错: Cannot start compilation: the output ...
- Android studio 安装中遇到一些问题的解决办法,分享一下
从eclipse转到android studio也是很无耐,刚开始总是会遇到很多难题,但是都不要轻言放弃. 以下是我遇到的问题,并通过搜索引擎找到的解决办法,善用工具,善用头脑,勿为伸手之人. And ...
- with as 如何工作
with as 如何工作 with如何工作? Python对with的处理还是很机智滴.基本思想就是with所求值的对象必须有一个__enter__()方法,一个__exit__()方法 紧跟wi ...
- Mysql 密码相关
MySQL5.6.6版本之后增加了密码强度验证插件validate_password,相关参数设置的较为严格 一.密码复杂度 1.密码复杂度配置文件:/etc/my.cnf (CentOS 7下) ...
- 有关vim的一些命令
所有的 Unix Like 系统都会内建 vi 文书编辑器,其他的文书编辑器则不一定会存在. 但是目前我们使用比较多的是 vim 编辑器. vim 具有程序编辑的能力,可以主动的以字体颜色辨别语法的正 ...
- Python+Selenium学习--访问连接
场景 web UI测试里最简单也是最基本的事情就是访问1个链接了. 在python的webdrive中,访问url时应该使用get方法. 代码 #!/usr/bin/env python # -*- ...
- Chrome控制台格式化输出
一 格式化输出文字 console.log('%c你好','color:green;'); console.log('%c你好%c啊','color:green;','color:blue;'); 二 ...
- Spring Boot 使用465端口发送邮件
2017年10月27日 15:04:24 伊宇紫 阅读数:2710 标签: 465端口邮件springboot 更多 个人分类: Java 版权声明:本文为博主原创文章,未经博主允许不得转载. h ...