Windows Phone 7开发入门

作者: Kagula

日期: 2010-11-13

原创:http://blog.csdn.net/lee353086/archive/2010/11/20/6023414.aspx

简介

        Windows Phone 7程序的开发得使用C#程序语言。存在两种框架(方式)可以开发Windows Phone程序，一种就Silver Light，另外一种是XNA Framework。Silver Light用来开发Internet富客户端程序，XNA Framework者主要用于游戏开发。这里介绍使用Silver Light开发第一个WindowsPhone7应用程序。

    阅读本文前建议你有编程基础，并假设你已经从Microsoft App Hub网站上下载Windows Phone7开发工具。

    我这里使用的是App Hub网站上下载的Microsoft Visual Studio 2010 Express等开发工具。

    本文参考Microsoft's MSDN的《How to: Create Your First Silverlight Application for Windows Phone》编写。

 上传多次出现500 Internal Server Error为此改了几个小时，文章内容不得不做了很多删除，郁闷呀。

正文

[Step1]启动“Microsoft Visual Studio 2010 Express”新建项目C# Silver Light For Windows Phone

图一  新建项目

参考上图[Visual C#]->[Silverlight for Windows Phone]->[Windows Phone Application]，修改“Name”项目名称为，“Hello Phone”。

 

图二 项目文件列表

项目采用MVC(模型-视图-控制)分块方式。

视图在MainPage.xaml文件中定义，控制和模型可以在MainPage.xaml.cs文件中定义。

我们可以直接修改MainPage.xaml文件，也可以打开Properties窗口

 

 

图三 WP7模拟器

[Step2]右键单击图三“My Application”区域，弹出菜单，选择“Properties”，右下角出现“Properties”窗口。

 

 

图四 Properties窗口

修改 图四 Properties 窗口  [Common]->[Text]中“MY APPLICATION”为“MY FIRST APPLICATION”。

[Step3]添加对纵向和横向方向的支持。 点击XAML代码的第一行，Phone Application Page 页的属性，会显示在属性窗口。 图五 改变定位方向支持。

图五 Supported Orientations

“Supported Orientations”属性，从“Portrait”改为“Portrait Or Landscape”。

[Step4] [View]->[Other Windows]->[Toolbox]，打开Visual Studio中的软件工具箱。

 

图六 Visual Studio 中的软件工具箱

[Step5]  点击 图七“page name”区域，在属性窗口Text域中把“page name”改为“Mini Browser”。把图六 软件工具箱中的Text Box 控件拖放到设计界面（Designer Surface） ，

图七   设计界面

参考图七 使用鼠标调整文本框的宽度，在属性窗口中文本框对象默认名称为textBox1。
textBox1对象的属性要做以下修改，Text属性 这里随便添一个http网址
Width属性添Auto
Height属性添Auto
Horizontal属性添Alignment Stretch
Vertical属性添Alignment Top

[Step6]拖动Button控件到设计界面textbox控件的右边，修改Button控件的Content属性为“Go” ，设计界面中按钮的名称相应的显示为“Go”，如果不去修改Button控件对象的名称，Button控件对象的名称为button1。

为了使程序支持横向和纵向显示，设置Button控件水平对齐方向为“Right”，垂直对齐方向为“Top”，Height和Width属性为Auto。

[Step7]把工具箱中的WebBrowser控件放到前面两个控件的下面，该控件的默认对象名称为“webBrowser1”。 调整该控件的大小，使它填满剩余的空间。设置控件的“Height”、“Width”属性为“Auto”。设置水平和垂直对齐方式为“Stretch”，使之适应横向和纵向显示。

    你的布局现在应该已经完成了，如果控件的“Height”和“Width”属性不在XAML文件中，则这些属性默认值为Auto。     

[Step8]双击“Go”按钮控件为这个控件建立“click event”,这时IDE会同时更新 MainPage.xaml.cs 文件和MainPage.xaml文件，使这两个文件有了该事件的对应关系。

修改MainPage.xaml.cs文件的button1_Click函数为如下形式。

 

private void button1_Click(object sender, RoutedEventArgs e)

{

    string site;

    site = textBox1.Text;

    webBrowser1.Navigate(new Uri(site, UriKind.Absolute));

}

 

[Step9]现在应用程序开发已经完成，现在可以编译(F6)、运行(Ctrl+F5)、跟踪(F5)这个应用程序了。

图八 旋转手机

图九 程序的运行界面

    若程序编译有错误，打开Visual Studio主菜单[View]->[Other Windows]->[Error List]窗口，查看出错信息。你也可以在cs文件里面下断点(F9)跟踪代码。

 

 

术语表
MVC    Model View Controller
XAML   eXtensible Application Markup Language