袋装干粉自动上料装置:Windows Phone开发（1）:为Window Phone开发第一个Silverlight应用

　　简介

　　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 窗口 [Common]->[Text]中“MY APPLICATION”为“MY FIRST APPLICATION”。

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

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

　　[Step4] [View]->[Other Windows]->[Toolbox]，打开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函数为如下形式。

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

图八 旋转手机

图九 程序的运行界面 　

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