如何在 Windows Phone 应用程序的一个 Pivot 控件中使用不同的应用程序栏

2012/2/9

本主题向您介绍当用户滑过 Pivot“页面”时如何更改应用程序栏。由于 Pivot“页面”实际上是单个页面上的单个控件,因此不同的 Pivot“页面”自动使用相同的应用程序栏。通常这种便利行为是您所需要的;但是,如果不是您所需要的,则可以捕获选择更改事件以在用户滑过 Pivot,因此不同的 Pivot“页面”自动使用相同的应用程序栏。时更改应用程序栏。

出于本示例的目的,您使用 XAML 在 App.xaml 中创建了两个全局应用程序栏。在您的应用程序中,您还可以只使用代码在 App.xaml 代码隐藏文件中创建全局应用程序栏,或在您的 Pivot 页面的代码隐藏文件中创建本地应用程序栏。创建应用程序栏的所有这些方法都使用在 Pivot 控件中更改它们的技术。有关更多信息,请参阅 Windows Phone 的应用程序栏概述

创建不同应用程序栏的步骤

  1. “解决方案资源管理器”中,双击 App.xaml 以在设计器中打开它。

  2. APPLICATION.RESOURCES 元素中,添加以下代码。这将创建两个应用程序栏:AppBar1AppBar2AppBar1 包含一个按钮和一个菜单项,而 AppBar2 每样都有两个。请注意,AppBar1AppBar2 共享一个共有的按钮和一个菜单项,但它们可能截然不同。

    <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>
    
  3. “解决方案资源管理器”中,右键单击 App.xaml,然后单击“查看代码”以打开代码隐藏文件。

  4. 在 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 控件中使用不同的应用程序栏的步骤

  1. 在编辑器中打开 Pivot 页面的代码隐藏文件。

  2. 在代码的顶部,添加以下语句。

    using Microsoft.Phone.Shell;
    
  3. 将以下代码添加到页面类中,放在构造函数后面。该代码处理选择更改事件并根据选择的新 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;
        }
    }
    

显示: