WP7 开发 31 日谈——第6日：工具栏.docVIP

By Jeff Blankenburg 本文是“Windows Phone 7 开发 31 日谈” 系列的第6日。 昨天，我们讨论了系统主题以及如何通过鼠标使用Expression Blend来设置系统值。今天，我们来看看另一个可以用Expression Blend轻松实现的主题。如果你看到在各个地方比如YouTube（或我的个人网站，Blankensoft ）展示过的应用程序后，你会发现它们基本都使用了一个漂亮的工具栏。 Windows Phone 7工具栏是应用程序底部的一排圆形图标。 下面是我制作的游戏TapScotch中的工具栏演示。 可以从上例中看到我放置了4个用于与用户交互的图标。Play, Best Times, Badges和Help。在程序中任何时候点击任何其中任何一个都可以跳转到相应的页面去。那么，怎么来实现呢？ 添加工具栏 如果你打开一个新项目，实际上在MainPage.xaml文件中有段被注释掉的代码。如果你删掉注释，工具栏的代码看起来就是这样： view plain phone:PhoneApplicationPage.ApplicationBar shell:ApplicationBar IsVisible=True IsMenuEnabled=True shell:ApplicationBarIconButton IconUri=/Images/appbar_button1.png Text=Button 1/ shell:ApplicationBarIconButton IconUri=/Images/appbar_button2.png Text=Button 2/ shell:ApplicationBar.MenuItems shell:ApplicationBarMenuItem Text=MenuItem 1/ shell:ApplicationBarMenuItem Text=MenuItem 2/ /shell:ApplicationBar.MenuItems /shell:ApplicationBar /phone:PhoneApplicationPage.ApplicationBar  如果你还删掉了页面头部的XML名称空间，即这些代码（确认你没有删除对这些程序集的引用）： view plain xmlns:phone=clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone xmlns:shell=clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone  一旦你在程序中添加了工具栏，你就应该能看到Visual Studio很智能地将程序的DesignHeight属性调整了72个像素。那正是工具栏的高度。现在来说说系统托盘。 Windows Phone 系统托盘 你可能已经注意到当你运行程序时，你可以看到时钟，WiFi信号强度，电池续航时间，等等。这是因为默认情况下，系统托盘是打开的。如果你不关注那些信息（或者你正好需要那32个像素的空间），那你可以将它的IsVisible属性设置为false。 view plain shell:SystemTray.IsVisible=False  在工具栏中添加图标 如果你看过工具栏的代码，你可能会注意到它指向了两个当前不在你的项目中的图片。如果你运行程序，你会看到每个ApplicationBarIconButton都显示一个X图标。我们可以很简单地去为每个按钮创建几个图片，然后添加到项目中，再在那些代码中引用它们，对吗？当然。不过还有一个更简单的方法，还是Expression Blend。在Expression Blend中打开你的项目，导航到“Objects and Timeline”树直到你找到那些ApplicationBarIconButton对象。 当你选中任何一个ApplicationBarIconButton时，看一下属性标签。你会看到一种设置每个图标和文字的简便方法。如下： 如果你打开IconUri下拉框，你会看到很多可以用在程序中的标准图标。除非你有一套自定义的图标否则你肯定离不开它们，这些图标可以满足你大多数的需求（当然你可以自己创建图标并手动添加）。选中一个