跳到主要内容

构建您的第一个Windows Phone 7应用程序

  • 所需知识:一般C#和基本XAML
  • 要求:Visual Studio 2010 Express,Windows 7操作系统,Windows Phone 7 SDK
  • 项目时间:两到四个小时取决于您的互联网连接和计算机的速度
  • 支持文件

无论我们是否愿意承认,移动设备都在这里。它已经并将继续成为每个开发人员都需要拥抱的核心技能。但是移动应用程序的新手如何开始进行移动软件开发?更好的是,如果您已经在一个平台上构建了移动应用程序并希望看到在另一个平台上构建应用程序的过程,该怎么办?这就是本文旨在实现的目标。让所有人从头到尾开发他们的第一个Windows Phone 7应用程序。

今天我们将开始开发Windows Phone 7平台的应用程序。这是您第一次进入移动应用程序开发之旅,还是只是想知道在Windows Phone 7平台上开发应用程序是什么样的,那么本文就是为您准备的。我们将开始下载构建Windows Phone 7应用程序所需的工具,然后直接进入代码并开发一个简单但功能强大的应用程序。让我们继续吧,开始吧。

01.下载工具

在我们开始开发平台之前,我们需要下载并安装几个工具。我已经列出了下面所需的工具以及一些额外的工具,以帮助加快您的开发过程。

  • Windows Phone软件开发工具包(SDK)7.1:这是唯一需要的下载,并为您提供了为Windows Phone 7设备开发应用程序和游戏所需的所有工具。通过下载,您可以安装Visual Studio 2010 Express(IDE),其中包括用于电话项目的应用程序模板以及生产力增强功能,例如应用程序分析器和改进的模拟器。
  • Windows Phone SDK文档:构建Windows Phone应用程序时,您将经常引用此站点中的页面。它包含整个API的文档以及大量示例代码。
  • Windows Phone的代码示例:现在您已拥有工具和文档,您应该下载一些示例应用程序。此页面列出了Microsoft提供的所有示例应用程序。它按功能细分,因此您可以快速轻松地找到所需的页面。

02.我们的第一个Windows Phone应用程序

Twitter无处不在。对于任何学习新平台且有充分理由的人来说,它已成为新的“Hello World”项目。它需要某种输入控制,事件和错误处理,Web请求以及在应用程序中正确格式化数据的响应。因此,在这个应用程序中,我们将构建一个Twitter应用程序,允许用户输入Twitter用户名并以简单易读的格式检索推文。

03.施工开始

作者注:下面列出的屏幕截图是使用Visual Studio 2010 Ultimate记录的。如果您使用的是Visual Studio 2010 Express for Windows Phone,那么您可能会在菜单命令或窗口中看到一些细微的变化。但是,基本功能保持不变。

现在我们已经下载并安装了这些工具,现在是时候开始我们的第一个项目了。打开Visual Studio并选择文件 - >新项目。展开Visual C#模板并选择适用于Windows Phone的Silverlight。最后,选择Windows Phone应用程序并给它一个名字,如下所示。

New project template for Windows Phone 7 applications

Windows Phone 7应用程序的新项目模板

现在,点击你会看到这个对话框:

Dialog box asking the user which phone platform to target

对话框询问用户要定位哪个手机平台

我们有两个选择:

  • Windows Phone OS 7.1:这适用于Mango应用程序,并包含一组用于使用Windows Phone的API。这是默认设置,应该用于新的应用程序。
  • Windows Phone OS 7.0:这适用于Windows Phone操作系统的原始版本,只应在极少数情况下使用。

让我们继续选择Windows Phone OS 7.1并选择

Visual Studio 2010 with a new Windows Phone 7 application loaded

加载了新的Windows Phone 7应用程序的Visual Studio 2010

Visual Studio 2010加载后,您将看到上面的屏幕。

  1. 工具箱包含可以添加到应用程序的Windows Phone控件。样本包括:TextBox,Buttons,Images等。
  2. 设计视图在构建应用程序时显示Windows Phone 7应用程序的实时内容。
  3. XAML查看显示构成#2中所示屏幕的当前XAML。
  4. Solution Explorer窗口显示构成应用程序的所有文件。这通常包括图像和项目文件。
  5. 属性窗口允许您更改添加到电话应用程序的控件的某些特征。

04.修改现有的应用名称和页面标题

我们需要改变的第一件事是默认应用名称页面标题对我们自己。在你的内部导航MainPage.xaml中(如图#3,第3项所示)并修改文本各自的属性TextBlock的如下所示:





如果您现在查看设计器窗口,那么您将看到下图:

The designer window updated as the application title and page title was modified

随着应用程序标题和页面标题的修改,更新了设计器窗口

05.调整布局并添加控件

接下来我们要做的是调整布局以允许我们的控件填充屏幕。

将鼠标移动到设计器上,然后左键单击下面抓取中显示的点。这将允许我们用一个填充这个空间文本框按键

Adjusting the grid layout in a Windows Phone 7 application

调整Windows Phone 7应用程序中的网格布局

一旦到位,我们将要拖放一个文本框按键列表框从ToolBox到设计器窗口,如下所示:

那么,这些按钮有什么作用呢?

  • 文本框是一个用户输入控件,允许我们的用户键入Twitter用户名。
  • 按键当用户准备好从输入TextBox的用户查找推文时,将按下该按钮。
  • 列表框将包含用户图像以及用户的推文。

让我们继续进行以下修改MainPage.xaml中文件。寻找使用以下代码标记并替换代码:









翻译字数超限