指间(蒋建华)--天行健,君子当自强不息

        专注于微软产品及.Net技术的blog
随笔 - 116, 文章 - 0, 评论 - 138
  博客园  :: 首页  :: 联系 :: 订阅 订阅  :: 管理

Windows Phone 7开发环境搭建

Posted on 2010-10-10 19:41  蒋建华  阅读(9586)  评论(11编辑  收藏
微软公司在2010年7月26号发布了Windows Phone Developer Tools Beta (简称WPDT Beta),这是一个针对Windows Phone 7开发的免费工具,在开发工具上,微软终于免费了一回,这是开发者的福气。在这篇文章中我们将介绍Windows Phone 7的开发环境,WPDT Beta和Windows Phone Emulator的启动、部署等功能。
 
Windows Phone 7的开发环境
对Windows Phone 7的开发环境介绍我们从系统需求、工具组件介绍及安装来进行,下面分别详细介绍。
(1)       Windows Phone 7开发的系统需求
 操作系统支持:Windows 7和Windows Vista
Windows Vista (x86 and x64) ENU with Service Pack 2–除了Starter之外的任何版本
Windows 7 (x86 and x64) ENU(中文版本的Windows7上也能正常安装)–除了Starter之外的任何版本
硬件配置:
系统盘需要至少3G的剩余硬盘空间,因为安装WPDT Beta占2.6G的硬盘空间。
2 GB 内存
DirectX 10 capable graphics card with a WDDM 1.1 driver
(2)Windows Phone 7的开发工具
要进行Windows Phone 7的开发,首先得安装Visual Studio 2010 Express for Windows Phone Beta,在安装Visual Studio 2010 Express for Windows Phone Beta的时候有3种常见场景:
没有安装Visual Studio,直接安装Visual Studio 2010 Express for Windows Phone Beta
安装了Visual Studio 2010 Professional,可以通过附加安装的方式来安装Visual Studio 2010 Express for Windows Phone Beta
其它场景:Visual Studio 2010 Express、Visual Studio 2008 C# Express、Visual Studio 2008 标准版及以上版本时,直接安装Visual Studio 2010 Express for Windows Phone Beta即可。
Visual Studio 2010 Express for Windows Phone Beta的安装可以通过web安装的方式来进行,也可以下载到本地进行安装。
通过Web方式安装的地址是:
下载后的文件是VM_Web.exe,大小3.2M。
除此之外,还可以下载WPDT Beta来进行安装,下载地址是:
通过下载工具下载开发工具以后的文件是WPDTBeta_en.iso,大小429M。

在这里笔者建议使用下载再安装的方式来进行,一是因为下载后安装可以在网速相对较慢的时候节省一点时间;其次下载后可以多次进行安装;第三,WPDT Beta是一个工具包,不仅仅包含了Visual Studio 2010 Express for Windows Phone Beta,还包含Windows Phone Emulator Beta

 

 

(3)安装WPDT Beta
在安装WPDT Beta前,首先简单介绍一下WPDT Beta。
WPDT Beta包含以下功能模块:
Visual Studio 2010 Express for Windows Phone Beta
Windows Phone Emulator Beta
Silverlight for Windows Phone Beta
Microsoft Expression Blend for Windows Phone Beta
XNA Game Studio 4.0 Beta
This Beta of the Windows Phone Developer Tools is compatible with the final version of Visual Studio 2010(WPDT Beta兼容了Visual Studio 2010 RTM版本),期待在正式版的时候能够兼容Visual Studio 2010正式版。
WPDT Beta的安装过程如下图1~3所示:
图1 WPDT Beta的安装文件
注意,我们下载到本地的文件是WPDTBeta_en.iso,使用虚拟光驱或者其它软件打开这个ISO文件,在本地磁盘上创建一个名为WPDTBeat_en的文件夹,权限虚拟光驱读出来的文件,拷贝所有文件到刚刚创建的WPDTBeat_en文件夹中,否则在安装过程中会重启系统,重新启动后,由于虚拟光驱不是自动启动,没有加载虚拟文件,使用手动去加载虚拟文件也不能再次加载,安装失败。
在图1中点击Setup.exe,显示界面如图2所示:
图 2 安装windows phone developer tools
选择Accept后,出现安装界面,这里可以点击“Install”来默认安装,或者选择自定义来进行自定义安装,不管选择哪种,点击“Install”按钮后就正式开始安装WPDT Beta版了,如图3所示:
图3 当前安装步骤
重启后,继续安装直至完成,安装完成后在启动栏可以看到Visual Studio 2010 Express、XNA Game Studio 4.0和WPDT,如下图所示:
图4 安装WPDT后的启动栏
不仅在启动栏可以看到安装的功能,还可以在系统管理里的添加删除程序里看到新安装的功能,如下图所示:
图5 添加删除程序里显示的已安装功能
如果安装到WPDT Beta不支持的操作系统上会弹出如下图所示的错误提示:
 
图6 安装需要Windows 7或Vista

注意:如果在安装WPDT Beta之前已经安装了Windows Phone Developer Tools CTP (WPDT CTP),则需要先把WPDT CTP卸载掉以后再安装WPDT Beta版本。

 

使用Windows Phone Emulator
“Hello world”是我们使用最常用、最简单的演示程序,在这里我们使用Visual Studio 2010 Express for Windows Phone Beta来创建Windows Phone 7版的“Hello,world ”,下面逐步介绍。
(1)使用Visual Studio 2010 Express for Windows Phone Beta创建应用程序
安装WPDT Beta后,重启系统,在开始菜单可以找到Visual Studio 2010 Express for Windows Phone Beta菜单项,点击打开Visual Studio 2010 Express for Windows Phone Beta后,选择创建项目,弹出界面如下图所示:
图7 使用Visual Studio 2010 Express for Windows Phone Beta创建项目
如上图所示,我们可以使用Visual Studio 2010 Express for Windows Phone Beta默认情况下能够创建的项目类型有3种:
Windows Phone Application
Windows Phone List Application
Windows Phone Class Library
 
如果我们选择了Silverlight for Windows Phone,项目类型也是上面三种,但是如果我们选择了XNA Games Studio 4.0,那么创建游戏类的项目类型更多些,如下图所示:
图8 XNA Games的项目类型
在本例中,我们创建一个名为HelloWorldWindowsPhone的应用程序,如下图所示:
9 HelloWorldWindowsPhone
2)编写应用程序代码
在XAML页面(上图中右侧页面)中修改MainPage.xmal的ApplicationTitle 和 PageTitle,代码如下:

 

        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="24,24,0,12">
            <TextBlock x:Name="ApplicationTitle" Text="HelloWorld WindowsPhone" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Hello World" Margin="-3,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

 

增加一个确定按钮

 

        <Grid x:Name="ContentGrid" Grid.Row="1">
            <Button Content="确定" Height="72" HorizontalAlignment="Left" Margin="166,211,0,0" Name="button1" VerticalAlignment="Top" Width="160" />
        </Grid>

 

 
在设计页面(左侧的页面)里双击刚刚添加的确定按钮,增加按钮处理事件,完整代码如下:

 

    public partial class MainPage : PhoneApplicationPage
    {
        // Constructor
        public MainPage()
        {
            InitializeComponent();
        }
        private void button1_Click(object sender, RoutedEventArgs e)
        {
            this.PageTitle.Text = "Hello,World!";
        }
    }

 

点击F5启动Emulator进行调试,如下图左图所示:

 

启动Emulator
打开应用程序

 

图10 启动和打开应用程序
打开我们编写的应用程序,如上图右图所示,点击按钮,效果如下图所示:
图11  Windows Phone版Hello,World
至此我们使用Windows Phone Emulator进行开发演示的步骤结束。
有关开发的更多内容可以参考MSDN:
感兴趣的读者也可以下载学习资源包,地址如下:
 
小结

本文介绍了Windows Phone 7的开发环境和工具,在开发工具的介绍上,着重介绍了WPDT Beta这个免费的开发工具,使用WPDT Beta可以开发Windows Phone应用程序,也可以开发Windows Phone上的Silverlight应用程序和XNA 游戏程序。通过开发环境的介绍,在接下来的后续文章中我们将介绍如何使用WPDT Beta来开发应用程序,打造属于自己的Windows Phone 应用小天地。