快速构建Windows 8风格应用9-竖直视图

原文:快速构建Windows 8风格应用9-竖直视图

本篇博文主要介绍竖直视图概览、关于竖直视图设计、如何构建竖直视图

竖直视图概览

Windows 8为了支持旋转的设备提供了竖屏视图，我们开发的应用在竖屏视图中应该能够保持和水平时一样的良好UI，必要的时候应该为应用量身定制相应页面的竖屏视图、同时我们也可以像WindowsPhone那样优先设置应用为横屏视图或竖屏视图。

关于竖直视图设计

为了使应用在竖直视图UI呈现更加优化，可以从以下几个方面去考虑：

1）  减少控件间的边距；

2）  如果有需要，重新布局排列内容，因此就可能需要考虑改变项目模版；

3）  数据浏览方向上，可以保持页面的水平滚动；

如何构建竖直视图

若我们应有中页面使用的是GridView控件来呈现数据，那么我们该高兴了！因为GridView控件在竖直视图或水平视图进行切换时，可以将数据呈现UI保持的非常好，也就是说使用GridView呈现数据时基本不需要考虑调整数据在竖直视图中呈现出来的样式。

若我们使用其他控件来呈现数据，当切换到竖直视图时，可能需要考虑构建一个新的模版，最后在名称为FullScreenPortrait的VisualState节点中声明相应竖直视图切换动画，例如以下代码：