代码改变世界

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

2012-09-18 11:05  王祖康  阅读(938)  评论(0编辑  收藏  举报

本篇博文主要介绍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中默认代码如下: