作者: 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属性添AutoHeight属性添AutoHorizontal属性添Alignment StretchVertical属性添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 ControllerXAML eXtensible Application Markup Language
