快速构建Windows 8风格应用7-页面视图概览

原文:快速构建Windows 8风格应用7-页面视图概览

本篇博文主要介绍Windows 8风格应用中包含哪些视图、Visual Studio 2012和模拟器中如何开发和调试不同的页面视图、页面视图切换基本原理。

Windows 8风格应用中包含哪些视图

常用的几种视图包括：

1.FullScreenLandscape（水平方向全屏视图）

2.Filled（填充视图）

3.Snap view（贴靠视图）

4.FullScreenPortrait（竖直方向全屏视图）

最小视图状态分辨率支持1024*768，全屏视图状态分辨率为1366*768以上。

注意：实现贴靠视图的最小分辨率为1366*768。

Visual Studio 2012和模拟器中如何开发和调试不同的页面视图

若我们拥有支持旋转的设备，例如平板电脑，可以将应用部署在平板电脑上进行视图切换的测试。

我们可以在VS中通过Device选项卡设置设计器的视图，Device选项卡中可以设置设计器的不同视图、设置Viusal State、Display（显示分辨率）、Theme等功能。

优点：方便开发人员在设计器中根据不同的视图设计控件的布局。

同时当应用在模拟器中进行测试时，可以通过模拟器进行测试不同的视图对应用的影响。

 

页面视图切换基本原理

首先监控视图状态更改的代码是隐藏在页面当中的，其中LayoutAwarePage类中注册了当前视图窗口的SizeChanged的事件，并且使用VisualStateManager的VisualState中声明的动画实现视图间的切换。页面VisualStateManager中默认代码如下：