【Visual Studio 2010 Demo大赛专稿】最新的Windows Phone 7构建工具除了免费的Express SKU外,也支持Visual Studio 2010了,本文就以我开发的一个小费计算器为例,为大家介绍一下如何在Visual Studio 2010环境下,构建一个支持横向布局的Windows Phone 7应用程序。首先来看看纵向布局时的样子:
图 1 纵向布局的小费计算器
布局
从上图可以看出,程序布局分为三部分,包括了数字键,小费比例调整键和账单金额汇总信息。
图 2 程序布局:从上到下分为三部分
每个网格都对应Grid.Row属性的一行,注意第一个格子对应第0行,第二个格子对应第1行,第三个格子对应第2行。
当用户旋转手机时,我们希望程序布局也进行调整,以匹配新的维度,实现起来其实也很简单,首先在LayoutRoot添加一列,作为汇总数字显示区域。
图 3 从纵向布局切换到横向布局的变化