第2章

开发准备

2.1 软硬件开发环境及需求

2.2 开发环境和工具（Windows 7&Windows PhoneDeveloper Tools）

2.3 设计方法

2.4 Windows Phone7应用程序控件

Windows Phone手机操作系统提供了面向移动互联网终端的全面解决方案。Windows Phone软件开发工具包是针对该操作系统设计的套件，包括应用开发API、模拟器、开发工具、设计工具、文档等。

2.1 软硬件开发环境及需求

2.1.1 操作系统要求

进行Windows Phone7应用程序的开发需要满足以下软硬件要求：

（1）PC操作系统：Windows 7或者Windows Vista SP2以上（Starter Edition版本除外）。

（2）计算机操作系统盘有3GB以上的磁盘空间。

（3）建议计算机系统内存空间至少达到2GB。

（4）具备DirectX 10兼容的显示卡。

需要安装DirectX 10兼容的显示卡以支持Windows Phone的GPU硬件加速模拟。Windows Phone7的模拟器自身使用虚拟机技术，所以不建议将模拟器运行在其他虚拟机上。

2.1.2 工具集合

Windows PhoneDeveloper Tools所包含的工具集合如下：

（1）Visual Studio 2010 Express forWindows Phone

（2）NA Game Studio 4.0

（3）Microsoft Expression Blend forWindows Phone

（4）Silverlight forWindows Phone

（5）Windows PhoneEmulator

Visual Studio 2010 Express forWindows Phone是Windows Phone7的集成开发环境 （IDE）。它包含了对.NET语言如C#和XAML的代码编辑功能，开发界面与传统的VS界面相同，可以在该环境中实现设计手机应用程序界面，编译程序，模拟应用程序，调试，部署应用程序到手机等。微软为开发者与用户提供了免费的Express版本供开发者使用。

Windows PhoneEmulator是手机的开发模拟器。开发者可以在没有实机的情况下开发调试Windows Phone7应用，请注意模拟的功能也是有局限的，如表2.1所示。

表2.1 当前版本模拟器的功能

当然模拟器的功能也在不断增强，已经有明确的消息称微软会在Mango版本的开发包中增加更多的可模拟功能供开发者使用。

之前我们已经谈过Windows Phone有两套框架，分别是Silverlight forWindows Phone和XNA Game Studio 4.0。开发人员可以自由地选择Silverlight或者XNA来开发，一般情况下使用Silverlight来开发应用程序，使用XNA来开发游戏（当然也可以协同开发，或者拿Silverlight来写游戏）。前面介绍的Visual Studio 2010 Express forWindows Phone只是一个IDE，是一个程序编辑与编译工具，与语言和平台无关，结合Silverlight forWindows Phone和XNA Game Studio 4.0 才能使用Visual Studio 2010 Express forWindows Phone开发应用。另外这两个框架中还包含了Template、内置类库等其他组件。

Microsoft Expression Blend forWindows Phone是XAML UI设计工具，使用Expression Blend可以弥补和改善Visual Studio 2010 Express所缺乏的UI设计功能，比如动画等。把Visual Studio 2010 Express与Expression Blend结合起来会使得工作更加高效。

2.2 开发环境和工具（Windows 7&Windows PhoneDeveloper Tools）

搭建Windows Phone7的开发环境，首先需要到http：//create.msdn.com/en-US/ 下载最新的Windows Phone7开发工具。

下面将以step by step的模式介绍如何从零开始搭建Window Phone7开发环境，并创建一个简单的Windows Phone7程序。Windows Phone7开发环境只支持Windows 7和Vista，建议使用Windows 7操作系统。

1.Windows Phone7开发环境安装

下载Windows PhoneDeveloper Tools登录微软MSDN开发者网站，下载Windows PhoneDeveloper Tools，这个工具包含了以下所有组件：

▶Visual Studio 2010 Express forWindows PhoneWindows PhoneEmulator

▶Silverlight forWindows Phone

▶XNA Game Studio 4.0

▶Microsoft Expression Blend forWindows Phone

点击安装vm_web.exe

License Agreement界面如图2.1所示。

接受许可协议后在接下来的界面中单击“Install Now”按钮，如图2.2所示。当前一共260MB，下载之后进行安装，如图2.3～图2.7所示。

2.其他开发部署工具

Windows PhoneEmulator：用于运行和调试应用程序和游戏的模拟器。这样就不需要手机的硬件加速模拟器。

▶PhoneRegistration Tool：当有了Windows Phone手机后，使用Marketplace账号，这个工具能够将设备解锁以便运行和调试应用程序。

▶Application Deployment：当开发出一个Windows Phone7的应用，并尝试将它往真实手机上部署的时候，需要利用这个工具把.xap包部署上去。

2.3 设计方法

Expression Blend forWindows Phone是一种优秀的设计工具，它使得Windows Phone应用程序的设计开发过程更加高效。Expression Blend forWindows Phone中包含了专门为创建Windows Phone应用程序而设计的工具。

2.3.1 Expression Blend forWindows Phone7

1.应用程序页面

在Expression Blend中新建一个Windows Phone项目，在工程项目窗口中间会呈现出一个与手机屏幕相似的应用程序页面，如图2.8所示。开发人员可以在这张“画布”上拖曳或者新建控件，在代码窗口添加代码，修改各个对象的逻辑次序，在这个工具上开发人员可以将想要的方式显示在屏幕上并在模拟器中运行预览效果。也可以与计算机连接，在Windows Phone设备中预览自己开发的应用程序。

2.设备面板

在设备面板中可以调整背景和文字的颜色，调整呈现的方向并选择是在Windows Phone仿真器上还是在与计算机连接的Windows Phone设备上预览应用程序，如图2.9所示。

3.自定义应用程序栏

开发人员开发应用程序时会用到自定义程序栏的功能，这里从列表中选择内置应用程序栏按钮和菜单项就可以快速实现，无须额外代码。另外，在这个面板中，自定制的应用程序栏按钮和菜单项也可以被快速添加到工程中。具体操作步骤如下：在“对象和时间线”面板中，右键单击“PhoneApplicationPage”→单击“添加ApplicationBar”→右键单击“ApplicationBar”→单击“添加ApplicationBarIconButton”→在“IconUri”下拉列表中选择所需的按钮图标。

4.预览Windows Phone样式

在面板中，用户可以应用文本样式模板并且实现快速预览。开发者可以右键单击显示文本的文本块，在弹出的快捷菜单中单击“编辑样式”，再单击“应用资源”，然后选择所需的文本样式，如图2.10所示。

5.定义页面导航

如果需要定义导航，可以右键单击想要定义导航的应用程序页面上的对象，在弹出的快捷菜单中选择“导航到”项，然后在可用页面列表中单击想要导航到的页面，如图2.11所示。

6.预置的Windows Phone样式按钮图标（如图2.12所示）

7.Windows Phone手机键盘

在开发应用程序时有时需要用户将数据输入到字段中显示相应的键盘。这里开发人员可以通过修改 TextBox 上的 InputScope 属性指定要输入到字段中的数据的类型，另外还可以指定用户输入时要显示的键盘，如图2.13所示。具体操作是在应用程序页面中选择“TextBox”后从“属性”面板的“公共属性”类别的“InputScope”下拉列表中选择所需的输入类型。

使用Expression Blend来开发Windows Phone7的应用程序，无论是开发Silverlight应用程序还是XNA 游戏程序，都有助于开发出一个平滑酷炫的用户界面，这也是开发一个成功的应用程序的要素之一。

用户体验是这几年热炒的话题之一，用户界面设计师的价值也获得了越来越高的认可。消费者总是想获得更美、更炫的产品。以微软的操作系统为例，从Dos 6.2到Windows 3.1、Windows 95、Windows 98、Windows 2000、Windows XP，以及Windows Vista、Windows 7……用户界面越来越华丽，元素越来越丰富，使用日益简洁。这是聆听用户反馈、追求用户体验的结果。从Windows Phone角度看，这里就涉及Windows Phone7UI设计中的两个问题，Windows Phone7的UI设计和Windows Phone7应用程序的控件。

2.3.2 Windows Phone7的UI设计

User Interface design（UI设计）是一种需要复合知识的行业。UI设计需要考虑到人与手机交互的易用性，操作逻辑的简单高效，以及用户界面的美观。

从根本上讲，User Interface design 需要应用程序满足消费者的需求，所以用户目标的完整实现是一个基本需求，另外更高的要求包括视觉各个元素与功能操作的所有东西都需要完整一致，这就需要一些技能和工具才能完美实现。如图2.14所示为Expression Blend项目界面。

对于Windows Phone7中的UI设计，具体说可以考虑以下几个基本特点。

1.多种输入方式

Windows Phone7的用户界面有四种输入方式：

▶软键盘

▶传感器

▶多触手势

▶硬件按钮

多触手势是用户和Windows Phone7进行交互的主要方式，支持单点、多点触摸。单点触摸的手势主要有：平移、划动、长按、单击、双击；多点触摸的手势有：缩放。

2.页面框架及布局

开发Windows Phone7的应用程序可以基于 Silverlight 的页面卷轴浏览模式，用户的手机就真的像一个window一样在一张长长的画布上导向和浏览。Windows Phone7的页面布局特点如图2.15所示。

图2.15中包含了Frame Control（框架）的顶层容器控件，可以承载 Page Control（页面）。在应用程序中，另外，页面和内容可以分离。Windows Phone7提供框架和页面的类，可以方便导航到独立的内容块中。

3.主题

使用主题的优势是保持与 Metro 设计原则的一致性，能确保用户界面元素及控件呈现的一致性。开发人员可以在应用程序中使用代码来改变主题。

4.屏幕方向

Windows Phone7手机支持竖屏和横屏。向左横屏和向右横屏之间的区别是应用程序工具栏和系统托盘的方位不同。开发应用程序应当支持左横屏或者右横屏的应用程序工具栏和系统托盘的方位。

2.3.3 Windows Phone7UI设计需要考虑的几个方面

理论上，界面设计是一个需要耗费大量时间和精力的事情，涉及反复的修改，需要不同学科的知识综合。用户界面设计应当将用户常用操作置于突出位置，增加用户使用的便捷性，窗口大小、保持颜色、字体等的一致性。开发和设计Windows Phone7还应考虑以下几个方面。

1.支持上述四种输入方式，包括触摸、软键盘、按钮和传感器

Windows Phone7的UI充分体现了触摸设计的优势，几乎所有的操作都是通过一系列手势而完成的（除了用按钮调整音量之类的功能）。这就需要考虑点击区域的大小要恰当，太小会造成操作不便，每一个可以被触摸的 UI 元素应该可以被手指方便地点击，如图2.16所示。

2.使用Metro主题控件

在上一章探讨过Metro，相信大家都有了解。Metro是一种呈现方式，在现实生活中的地铁站、汽车站，飞机航站楼经常能看到“领航式”的图标信息。Windows Phone7中就提供了标准的Metro主题控件。这些控件在发布前已经做了性能的优化测试，开发人员可以利用它实现支持触摸交互的效果，这提高了开发人员的开发效率。Metro主题控件设计UI如图2.17所示。

3.文字，颜色和页面框架

在Windows Phone7设计中需要使用统一的配色、框架结构和文字，这与PC的应用程序一样。在Windows Phone7的页面设计中，要充分考虑元素控件、导航控件和页面结构的一致性，也要考虑列表呈现的多样，比如可以用Pivot形式呈现，也可以用list形式呈现，甚至自定义模块来实现。XAML程序一次开发，多处使用，因此精心开发的程序框架在另一个版本的设计中可以多次利用。

2.4 Windows Phone7应用程序控件

简单地说，Windows Phone7应用程序开发的控件主要包括两大类：Windows Phone7应用程序控件和Windows Phone7操作系统控件（当然开发人员也可以自己定制控件）。Windows Phone7应用程序控件如图2.18所示。

图2.18中右侧是Visual Studio 2010所带的标准控件，其中包括了手机开发中使用的一些专用控件。如Ellipse（椭圆）、Progress Bar（进度条）、Slider（滑动条）、Border（边框），这些控件在Visual Studio 2010中也有，但不相同。

另外还有一些控件属于Windows Phone7的操作系统控件，如进度显示器、系统托盘和应用工具栏、上下文菜单等。

在进行Windows Phone7UI设计时，可以通过Windows Phone7Developer Tools以所见即所得的方式来进行UI的设计，结合Expression Blend还可以把UI设计与数据分离，把开发人员和设计人员分离，他们共享工程，最终实现优秀的用户体验。图2.19展示了部分UI设计中的控件列表。

针对Windows Phone7开发的其他一些控件也可以在微软官方网站上下载：http：//gallery.expression.microsoft.com/，这个网站上列出了最新上载的控件及下载量最高的控件。

本章介绍了Windows Phone手机开发的工具下载、设计及开发控件，读者通过本章的介绍可以看出Windows Phone手机开发工具的简单、便捷，下一章我们将利用这些工具开发一个简单的应用。