Windows Phone 7 使用Pivot和Panorama控件

Hands-OnLab使用Pivot和Panorama控件实验版本:1.0.0最后更新:2/12/2011PushNotificationsHands-onLabPage|2目录概述.................................................................................................................................................3练习1:WindowsPhone的导航介绍.............................................................................................7任务1–创建一个WindowsPhone7应用程序...................................................................7任务2–实现Digg页功能...................................................................................................20任务3–实现Trends页功能...............................................................................................32练习2:Pivot控件介绍.................................................................................................................43任务1–添加Twitter页.......................................................................................................43任务2–实现Twitter页功能...............................................................................................48练习3:Panorama控件介绍.........................................................................................................58任务1–添加Blog页...........................................................................................................58任务2–实现Blog页功能...................................................................................................62总结...............................................................................................................................................77PushNotificationsHands-onLabPage|3概述开发Windows®Phone7应用程序提出了新的挑战.我们如何实现在不同的应用程序之间导航，既不会浪费宝贵的电池电力，仍然保持我们的应用程序不间断的用户体验?我们如何实现在屏幕尺寸比我们的普通PC显示器小很多的情况下提供大量的信息?所有这些问题都将在本实验中涉及，你会熟悉这些解决方案．本实验将带您浏览创建一个全功能的MicrosoftSilverlight®forWindowsPhone应用程序，叫做Wazup．Wazup应用程序允许你使用Digg搜索Story，调出Twitter上前10位的活动trends的tweets(Twitter消息)并从WindowsPhoneDeveloperBlog阅读公告．开发Wazup应用程序过程中，你将学习如何使用新控件呈现信息，Pivot和Panorama，也将了解到WindowsPhone7上的新的导航模型．受众：本实验假定读者已经拥有XAML相关知识并熟悉Silverlight3．目标完成本实验你将:熟悉大多数WindowsPhone7应用程序中的通用控件，包括：TextBlock，TextBox，Button，HyperlinkButton，和ListBox熟悉WindowsPhone7应用程序的专用控件，包括：ApplicationBar,ApplicationBarIconButton，PhoneApplicationFrame，和PhoneApplicationPage对整个应用程序导航模型，以及WindowsPhone7应用程序内部的特有的页面和框架导航模型有一个高层次的理解．理解如何处置应用程序状态信息，才能支持从应用程序导航出去然后正常返回．了解可用于WindowsPhone应用程序的新控件，包括Pivot和Panorama理解什么是Pivot控件，如何使用它，什么时候使用它理解什么是Panorama控件，如何使用它，什么时候使用它如何创建一个同时使用Pivot和Panorama控件的WindowsPhone7Silverlight应用程序，用各种方法向用户提供内容PushNotificationsHands-onLabPage|4先决条件以下是完成本次实验所必须的条件:用于WindowsPhone的MicrosoftVisualStudio2010Express或者MicrosoftVisualStudio2010WindowsPhone开发工具注意:所有的WindowsPhone开发工具都可以从以下网址打包下载构建为了方便起见，本次实验所使用的大部分代码都作为VisualStudio的代码段提供.要安装代码片段:1.执行本实验Source\Setup文件夹下的.vsi安装程序。注释:如果你在执行代码片段的安装程序时遇到问题，你可以通过拷贝Source\Setup\CodeSnippets文件夹下的所有.snippet文件到目录:MyDocuments\VisualStudio2010\CodeSnippets\VisualC#\MyCodeSnippets使用代码段通过代码段，你可以随时获取所有你想要的代码。本实验文档将会准确的告诉你什么时候使用它们。例如，图1使用VisualStudio代码段把代码插入到你的工程里PushNotificationsHands-onLabPage|5为了把代码段添加到VisualStudio中，你只要把光标放在你想插入的代码上.开始输入段的名字（没有空格和连字号），看到智能感知的段名，然后当你想要的段名被选中时，敲击Tab键两次，代码将会被插入到光标的位置。图2开始输入代码段名图3敲击Tab键来选中高亮的代码段图4再次敲击Tab键来展开代码段如果想使用鼠标而不是键盘来插入代码段，在你想插入代码段的地方点右键，选择MyCodeSnippets下面的InsertSnippet，然后从列表中挑选相关的代码段。想学习更多的VisualStudio代码段，包括如何创建自己的代码段，请参考.|6练习本实验包括以下练习:1.WindowsPhone导航介绍2.Pivot控件介绍3.Panorama控件介绍完成实验估计耗时:90分钟.PushNotificationsHands-onLabPage|7练习1:WindowsPhone导航介绍在这个练习中我们将创建一个新的应用程序，名为Wazup．在本练习结束时Wazup应用程序将允许我们在Digg上搜索Story并查看Twitter上的活动的Trends．本练习包括以下任务：创建基本WindowsPhone7应用程序预留页面实现Digg搜索页面功能实现Trends页面功能我们将使用WindowsPhone开发环境的MicrosoftVisualStudio2010Express，并部署到Windows手机模拟器来调试。我们要使用的解决方案是基于SilverlightforWindowsPhoneApplication模板的。开发过程中，我们将增加一些SilverlightforWindowsPhone工程项目:WindowsPhonePortraitPage，WindowsPhonePivotPage和WindowsPhonePanoramaPage。注意:本实验的步骤演示使用MicrosoftVisualStudio2010ExpressforWindowsPhone的过程，但它们同样适用于MicrosoftVisualStudio2010forWindowsPhone。一般涉及到VisualStudio的用法说明同样适用于这两种产品。任务1–创建一个WindowsPhone7应用程序本任务中我们将为Wazup应用程序创建基本的WindowsPhone7工程．本任务结束后，Wazup应用程序除了主页面外还将拥有两个页面．第一页是为了实现Digg功能，而第二页则是为了实现trends功能．我们会在后续的两个任务中实现这两个页面的功能．本任务中我们会看到如何使用WindowsPhone应用程序栏以及WindowsPhone应用程序如何在页面之间导航．因为这是一个相当大的应用程序，我们先把提前准备的代码和XAML添加到项目中去，从而让你能够把主要精力集中到WindowsPhone基本原理上．1.从开始|所有程序|MicrosoftVisualStudio2010Express|MicrosoftVisualStudio2010ExpressforWindowsPhone中打开MicrosoftVisualStudio2010ExpressforWindowsPhone。VisualStudio2010:从开始|所有程序|MicrosoftVisualStudio2010打开VisualStudio2010。PushNotificationsHands-onLabPage|82.添加一个新工程，类型为WindowsPhoneApplication，名为Wazup.图5添加WindowsPhoneApplication新工程PushNotificationsHands-onLabPage|93.从Source\Assets下面的Assets文件夹添加WazupAppIcon.png和WazupStartIcon.png文件．这些图标将作为我们的应用程序的图标显示在应用列表中或者是WindowsPhone开始屏幕上．为此，在Wazup(工程名称)上点击右键并选择AddExistingItem…:图6添加已有文件到工程4.选择新添加的两个文件，修改它们的:BuildAction属性为ContentCopytoOutputDirectory属性为CopyifnewerPushNotificationsHands-onLabPage|105.打开位于项目Properties文件夹下的WMAppManifest.xml文件．图7WMAppManifes