windows phone 7 系统学习第一季 HelloPhone（二 上）

 

原作：chinahope 

转自：http://www.devdiv.com/forum.php?mod=viewthread&tid=35586&extra=page%3D1%26filter%3Ddigest%26digest%3D1%26digest%3D1

 

练习一：用 Visual Studio 2010 Express 创建 Windows Phone 7应用程序

在这一节练习中，你将创建、测试、运行你的第一个 "Hello Word" Silverlight的Windows Phone应用程序。你将学习怎么用
免费的 Visual Studio 2010 Express 这个Windows Phone开发工具，以及学习使用Windows Phone模拟器。

在这个练习中， 你将创建一个新的Silverlight应用程序。你将开始了解Windows Phone应用程序的基本元素，在Windows Phone
的工程模板增加基本的按钮和文本控件。因为这是一个Silverligh应用程序，所以你需要按照Silverlight的编程模式学习并且
需要使用XAML来定义你的用户界面。虽然可以使用代码来写出基于XMAL的UI，但是利用XMAL可以更容易的开发UI.

用XAML来建立一个用户界面，你将增加三个控件到main page的XMAL的界面上：一个输入文本框、一个按钮、一个显示文本。这
些Silverl控件已经被移植到Windows Phone运行环境下的Silverlight。一旦完成，应用程序允许你在文本输入框中输入文字。

最后，一旦代码写好后，你编译你的应用程序将它发布在模拟器上去测试它。调试在模拟器上运行的程序，你可以设置断点用
debugger查看源代码，查看变量值。

注意：虽然这次动手实验的例子使用Visual Studio 2010 Express，但是和使用Visual Studio 2010是一样的效果，例子使用
                        两个版本的工具。


例子一：用Visual Studio创建一个应用程序

在这个例子中，你在Visual Studio中使用预定义的模板创建一个Silverlight工程项目，这个作为第一个带你入门的
Windows Phone应用程序。

1. 打开 Microsoft Visual Studio 2010 Express从Start|All Programs|Microsoft Visual Studio 2010 Express|
                Microsoft Visual Studio 2010 Express for Windows Phone
注意：从 Start|All Programs|Microsoft Visual Studio 2010 打开Visual Studio 2010

2. 在File菜单项中，选择 New Project
        注意：在Visual Studio 2010中选择菜单项，然后选择New 在选择 Project
       
3. 在New Project对话框中，在一个已经安装的模板列表中选择 Silverlight for Windows Phone
目录，然后设置名称（Name）为HelloPhone并且设置工程放置在目录Ex1-CreatingWP7AppsWithVisualStudio下，改变工程
名称为：Begin，然后点击OK。如图所示。

 
                                                                                        （图一）创建应用程序

4. 在Solutions Explorer下，可以查看工程的结构。一些Visual Studio工程师一个相关工程的容器。在这个例子中，他
包含了唯一一个命名为HelloPhone的Silverli工程。如下图所示：


                                                                                
                                                        （图二）Solutions Explorer显示HelloPhone应用程序
        注意：Solutions Explorer允许你去查看和管理子目录，用来管理工程。展示Solutions Explorer，点击键盘CTRL+W,S
        或者在View菜单中，选择Other Windows|Solutions Explorer。
       
HelloPhone项目包括下面的项目：
                App.xaml/App.xmal.cs   这两个文件定义了应用程序的入口点，初始化应用程序范围的资源，以及展示应用程序的UI
               
                MainPage.xmal/
                                MainPage.xmal.cs   定义一个应用程序界面的页面
                               
                ApplicationIcon.png    这个图片是手机应用程序列表中的这个应用程序的图标
               
                Background.png         这个图标是开始屏幕的应用程序图标（这个图标在模拟器上没有发现在哪里出现）
               
                SplashScreenImage.jpg  当应用程序启动的时候，这个图片出线。当应用程序启动时，这个图片立即出现可以给用户一种
                                                                                                         快速反应的体验，它维持到第一个页面出现时，消失。你的这个图片可以和启动的首页外形上
                                                                                                         相似，这样可以给用户一种加载非常快的感觉，提高用户体验
                                                                                                         
    Properties\AppManifest.xml     应用程序的清单文件，打包时候需要
   
    Properties\AssemblyInfo.cs     包括名字和版本信息数据，打包时，将信息放入其中
   
    Properties\WMAppManifest.xml   一个清单文件，内容包括和Silverlight相关的信息，包括只能用在Silverlight上的特性
                                                                                                                                    （具体信息，看看项目的内容，就可以了解的差不多）
   
    Reference folder               一个库资源，用来提供应用程序需要的服务和功能。
   
5. 打开App.xaml,选择View Designer。注意在XAML中的字节点<Application.Resources>中，用来定义应用程序的资源
包括颜色、画刷、样式，那些正字应用程序需要的资源。
   XAML代码页通过创建PhoneApplicationService对象，来初始化应用程序的生命周期的应用属性。PhoneApplicationService
类提供了一个接口，用来管理应用程序的生命周期的各种行为。包括应用程序处于空闲状态行为、应用程序活跃或不活跃的行为。

 
（图三）刚创建HelloPhone应用程序时，默认的App.xaml

注意：App.xaml文件和它的代码文件App.xaml.cs定义了一个应用程序类的实例。这个类封装了Silverlight应用程序并且提供
      程序的入口点。
      
6.现在打开App.xaml文件的ViewCode，也就是App.xaml.cs文件。注意到，在他的构造函数中，这个派生于Application的类，已经
获得一个UnhandledException事件的句柄。RootFrame的功能是定义应用程序的开始页。所有的应用程序有一个唯一的顶级的容器控件
它的数据类型是PhoneApplicationFrame。这个框架控件控制一个或多个PhoneApplicationPage控件，它也控制页面之间的转换。
如下图所示：
                     
注意：应用程序类，被Silverlight创建，包括启动和关闭事件，还有其他东西。当应用程序启动和关闭时，
                        你能更改那些方法去执行自定义代码

7.创建的工程包括一个含有默认的启动文档MainPage.xaml。我们先看看这个文档的view Designer，默认情况
下，这个设计界面被分为两份，一边展示XAML语言，一边展示UI界面样式。除了一些元素比如应用程序的名称和
标题外，其他的你可以根据需要有选择的进行删除。XAML文档提供了一个黑色的画布使你增加控件和创建你的应用
程序界面。

 
（图五）XAML designer

注意：Extensible Application Markup Language(XAML)是一个表述性语言。你能用XAML语言创建一个可视化的UI控件，然后你
能designer匹配的cs文件中编写发生的事件的反应和操控你在XAML生命的对象。基于XAML的语言是非常直观的对创建产品
原始接口，尤其是对那些进行后台的WEB设计和技术的人来说。

8.ApplicationIcon.png是手机应用程序列表的图标。你可以在Solution Explore下通过双击直接打开。（我
        实验了一下，不能打开，不知道为什么）

9.手机应用程序一般利用底层平台或者其他库的服务和功能，为了达到这个目的，应用程序需要引用相匹配的
库。在Reference节点下，展示引用的类库，它包括一些Silverlight和专门针对Windows Phone的库集合。
 
（图六）展示库文件的应用

10. 工程的属性窗口时为了能修个WP清单文件的路径。

 

2010-10-13 02:15:30 上传

下载附件(46.37 KB)

（图七）工程属性窗口
注意：属性窗口允许你修改一些特定的电话属性。这是属性和设备上的应用程序的配置和展示有关。参数存储在
      WMAppManifest.xml文件中。即使你试着手动改变XML文件，你的修改将覆盖，通过这个对话框保存你的
      工程设置。