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 应用提到了图块的概念,它就是指启动菜单中的快速启动图标.一般一个应用必须有一个默认 ...
随机推荐
- python--第一天总结
[变量]1.变量定义的规则: 变量名只能是 字母.数字或下划线的任意组合 变量名的第一个字符不能是数字 以下关键字不能声明为变量名 ['and', 'as', 'assert', ' ...
- 终端设备 tty,pty,pts 概念与文件描述符的联系
第1节 理解终端设备tty.pty.pts概念 简要描述: 终端设备默认具有输入.输出功能. 现代我们最常用的接入服务器端的方式(如:ssh通过tcp/ip的方式连接服务器端,作为服务器的终端设备)为 ...
- 2019年华南理工大学程序设计竞赛(春季赛)-H-Parco_Love_GCD
题目链接:https://ac.nowcoder.com/acm/contest/625/H 题意:给定n个数(<=1e9)的序列,其中n<=5e5,求该序列所有子序列的对应的gcd对1e ...
- 第二章 向量(d1)有序向量:唯一化
- 三星笔记本安装系统时报错:image failed to verify with * access denied* press any key to continue.
安装系统从光盘启动报错: 出现黑屏,并且有一个提示框image failed to verify with *access denied*press any key to continue 原因:三星 ...
- Flask总结
Flask的优缺点 优点:Flask小而精,三方组件全 缺点:稳定性相对较差,三方组件版本问题,Flask一旦迭代,就可能造成三方组件不兼容的问题. flask三剑客 + 小儿子 Django ...
- redis 简介,安装与部署
NOSQL简介 NoSQL,泛指非关系型的数据库,NoSQL数据库的四大分类: 键值(Key-Value)存储数据库:这一类数据库主要会使用到一个哈希表,这个表中有一个特定的键和一个指针指向特定的数据 ...
- Django的Rbac介绍2
上一篇博客我们记录了一下Django中使用Rbac,但是上一篇博客中的方法有一点不好,就是,因为我要在html文件中控制:如果用户有某个权限,则显示这个权限所代表的按钮,但是我现在只有1张表的增删改查 ...
- mysql 数据库名称,中间带有中划线问题
插入数据时候,引用了数据库名,数据库名中有横线,会提示错误: You have an error in your SQL syntax; check the manual that correspon ...
- 运行PL-SVO(单目)
代码:https://github.com/rubengooj/pl-svo 1.Prerequisites and dependencies (1)SVO 安装SVO,with ROS:https: ...