Windows Phone 7开发入门

Windows Phone 7开发入门

作者: Kagula

日期: 2010-11-13

简介

Windows Phone 7程序的开发得使用C#程序语言。存在两种框架(方式)可以开发Windows Phone程序,一种就Silver Light,另外一种是XNA FrameworkSilver 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

Windows Phone 7开发入门

图一 新建项目

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

Windows Phone 7开发入门

图二 项目文件列表

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

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

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

Windows Phone 7开发入门

图三 WP7模拟器

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

Windows Phone 7开发入门

图四 Properties窗口

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

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

Windows Phone 7开发入门

图五 Supported Orientations

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

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

Windows Phone 7开发入门

图六 Visual Studio 中的软件工具箱

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

Windows Phone 7开发入门

图七 设计界面

参考图七 使用鼠标调整文本框的宽度,在属性窗口中文本框对象默认名称为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”,HeightWidth属性为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)这个应用程序了。

Windows Phone 7开发入门

图八 旋转手机

Windows Phone 7开发入门

图九 程序的运行界面

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

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