2011/12/19
本主题向您介绍当用户滑过 pivot“页面”时如何更改应用程序栏。由于 Pivot“页面”实际上是单个页面上的单个控件,因此不同的 Pivot“页面”自动使用相同的应用程序栏。通常这种便利行为是您所需要的;但是,如果不是您所需要的,则可以捕获选择更改事件以在用户滑过 Pivot,因此不同的 Pivot“页面”自动使用相同的应用程序栏。时更改应用程序栏。
出于本示例的目的,您使用 XAML 在 App.xaml 中创建了两个全局应用程序栏。在您的应用程序中,您还可以只使用代码在 App.xaml 代码隐藏文件中创建全局应用程序栏,或在您的 Pivot 页面的代码隐藏文件中创建本地应用程序栏。创建应用程序栏的所有这些方法都使用在 Pivot 控件中更改它们的技术。有关更多信息,请参阅Windows Phone 的应用程序栏概述。
创建不同应用程序栏的步骤
-
在“解决方案资源管理器”中,双击 App.xaml 以在设计器中打开它。
-
在 APPLICATION.RESOURCES 元素中,添加以下代码。这将创建两个应用程序栏:AppBar1 和 AppBar2。AppBar1 包含一个按钮和一个菜单项,而AppBar2 每样都有两个。请注意,AppBar1 和 AppBar2 共享一个共有的按钮和一个菜单项,但它们可能截然不同。
<Application.Resources> <shell:ApplicationBar x:Key="AppBar1" IsVisible="True" IsMenuEnabled="True"> <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1" Click="Button1_Click" /> <shell:ApplicationBar.MenuItems> <shell:ApplicationBarMenuItem Text="MenuItem 1" Click="MenuItem1_Click" /> </shell:ApplicationBar.MenuItems> </shell:ApplicationBar> <shell:ApplicationBar x:Key="AppBar2" IsVisible="True" IsMenuEnabled="True"> <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1" Click="Button1_Click" /> <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2" Click="Button2_Click" /> <shell:ApplicationBar.MenuItems> <shell:ApplicationBarMenuItem Text="MenuItem 1" Click="MenuItem1_Click" /> <shell:ApplicationBarMenuItem Text="MenuItem 2" Click="MenuItem2_Click" /> </shell:ApplicationBar.MenuItems> </shell:ApplicationBar> </Application.Resources>
-
在“解决方案资源管理器”中,右键单击 App.xaml,然后单击“查看代码”以打开代码隐藏文件。
-
在 App 类中,添加以下代码。这些是单击事件的处理程序。请注意,如果不同的应用程序栏共享按钮或菜单项,则它们也共享事件处理程序。
private void Button1_Click(object sender, EventArgs e) { MessageBox.Show("Button 1 works!"); //Do work for your application here. } private void Button2_Click(object sender, EventArgs e) { MessageBox.Show("Button 2 works!"); //Do work for your application here. } private void MenuItem1_Click(object sender, EventArgs e) { MessageBox.Show("Menu item 1 works!"); //Do work for your application here. } private void MenuItem2_Click(object sender, EventArgs e) { MessageBox.Show("Menu item 2 works!"); //Do work for your application here. }
在单个 Pivot 控件中使用不同的应用程序栏的步骤
-
在编辑器中打开 Pivot 页面的代码隐藏文件。
-
在代码的顶部,添加以下语句。
using Microsoft.Phone.Shell;
-
将以下代码添加到页面类中,放在构造函数后面。该代码处理选择更改事件并根据选择的新 Pivot 项选择不同的应用程序栏。如果您拥有多个 Pivot 项,则可以添加更多的案例;如果多个 Pivot 项共享一个应用程序栏,而其他 Pivot 项共享另一个应用程序栏,则可以允许案例贯穿。
private void Pivot_SelectionChanged(object sender, SelectionChangedEventArgs e) { switch (((Pivot)sender).SelectedIndex) { case 0: ApplicationBar = ((ApplicationBar)Application.Current.Resources["AppBar1"]); break; case 1: ApplicationBar = ((ApplicationBar)Application.Current.Resources["AppBar2"]); break; }