C# CommandBar 控件

    CommandBar为用户提供的功能与桌面应用程序的工具栏基本相同，但应该让它们简单得多，通常限制工具栏上可用的选项少于8项。

    —次可以显示多个CommandBar，但请记住，这会使用户界面很杂乱，不应该只为显示更多选项而显示多个工具栏。另一方面，如果想提供多种导航，有时同时把工具栏显示在顶部和底部会比较好。

    Visual Studio附带了 CommandBar控件，很容易创建这种类型的控件。下面的示例创建一个应用程序的工具栏，其中包含许多标准项。

试一试  创建 CommandBar： Ch25Ex05

(1)回到先前的Bas icNavigation示例。

(2)在三个页面上都添加一个CommandBar。把它作为每个页面上Grid控件的子元素：

    <CommandBar>

      <AppBarToggleButton x:Name="toggleButtonBold" Icon ="Bold" Label="Bold" Click=

"AppBarToggleButtonBold_Click"/>

      <AppBarSeparator />

      <AppBarButton Icon="Back" Label="Back" Click="buttonGoBack_Click"/>

      <AppBarButton Icon="Forward" Label="Forward" Click=

"AppBarButtonForward_Click"/>

      <CominandBar. SecondaryCommands>

        <AppBarButton Icon=HCamera" Label="Take picture" />

        <AppBarButton Icon="Help" Label="Help" />

      </CommandBar,SecondaryCommands>

    </CommandBar>

(3)把下面的事件处理程序添加到所有三个页面上：

    private void AppBarButtonForwardClick(object sender, RoutedEventArgs e)

    {

      if (Frame.CanGoForward) this.Frame.GoForward();

    }

    private void AppBarToggleButtonBold_Click(object sender, RoutedEventArgs e)

    {

      AppBarToggleButton toggleButton = sender as AppBarToggleButton; 

      bool isChecked = toggleButton.IsChecked.HasValue ?

                (bool)toggleButton?.IsChecked.Value : false; 

      textBlockCaption.FontWeight = isChecked ? FontWeights.Bold :

FontWeights.Normal;

    }

(4)把下面的using语句添加到所有页面上：

    using Windows.UI.Text;

(5)在所有三个页面上，把文本框的margin改为丨0,50,10,10。

(6)运行该应用程序。

示例说明

  运行这个应用程序时，现在可以使用命令栏按钮在曾经访问过的页面列表中来回移动。命令栏本身很容易处理。

  命令栏用三种类型来建立。第一个是AppBarToggleButton。

      <AppBarToggleButton x:Name="toggleButtonBold" Icon="Bold" Label= "Bold" Click= 

      "AppBarToggleButtonBold_Click" />

  这种类型的按钮可用来显示开启或关闭的状态。

  第二种类型是AppBarButton,与任何其他按钮类似，事实上可以看到，AppBarButtonBack按钮的单击事件是由前面示例中ButtonBack的同一个事件处理程序处理的。

    <AppBarButton Icon="Back" Label="Back" Click="buttonGoBack_Click"/>

用于命令栏的第三中类型是AppBarSeperator。这种控件只显示命令栏中的分隔线。

最后，两个按钮位于CommandBar.SecondaryCommands标签内：

    <CommandBar. SecondaryCominands>

      <AppBarButton Icon="Camera" Label="Take picture" />

      <AppBarButton Icon="Help" Label="Help" />

    </CommandBar.SecondaryCommands>

  </CommandBar>

这些命令不直接显示在命令栏上，相反，在单击显示的三个点时，它们显示为下拉框。