技术开发 频道

VS2010实战:构建横向布局的WP7应用程序

  【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 从纵向布局切换到横向布局的变化

0
相关文章