首页 / 软件开发 / .NET编程技术 / Windows 8风格应用开发入门 二十四 App Bar构建

Windows 8风格应用开发入门 二十四 App Bar构建2013-05-18 王祖康 构建应用栏的目的的显示导航、命令和始终隐藏不需要的使用的工具。我们可以把应用栏放在页面 顶部或底部或同时存在顶部和底部。

默认情况在AppBar是隐藏的，当用户单击右键、按下Win+Z 、或从屏幕的顶部或底部边缘轻松时可显示或关闭AppBar。当然我们也可以通过编程的方式将AppBar设 置为当用户做选择或与应用交互时显示。

构建AppBar基本步骤

通常我们构建一个应用的 AppBar，只需要三步就可以完成：

如何构建AppBar

应用中添加AppBar,需要将AppBar控件指定给Page的TopAppBar或 BottomAppBar属性。

XAML代码可如下：

<Page.BottomAppBar><AppBar x:Name="bottomAppBar" Padding="10,0,10,0"><Grid><StackPanel Orientation="Horizontal" HorizontalAlignment="Left"><Button Style="{StaticResource EditAppBarButtonStyle}" /><Button Style="{StaticResource RemoveAppBarButtonStyle}" /><Button Style="{StaticResource AddAppBarButtonStyle}" /></StackPanel><StackPanel Orientation="Horizontal" HorizontalAlignment="Right"><Button Style="{StaticResource RefreshAppBarButtonStyle}" /><Button Style="{StaticResource HelpAppBarButtonStyle}" /></StackPanel></Grid></AppBar></Page.BottomAppBar>

XAML代码中引用的资源样式可以在应用程序解决方案的Common 文件夹中StandardStyles.xaml文件中找到。

运行效果：

若我们想在加载页面时打开AppBar，可以在XAML代码中将AppBar控件的IsOpen属性值设置为true， 也可以在C#代码中控制打开AppBar。

private void OpenButton_Click（object sender, RoutedEventArgs e）{topAppBar.IsOpen = true;}

当用户在应用的AppBar以外任何位置进行交互时，默认情况会解除AppBar进行隐藏。我们可 以将IsSticky属性值设置为true来改变解除模式。

此时用户只有右击、按下Win+Z、或从屏幕的 顶部或底部边缘轻扫时才会隐藏AppBar。

private void StickyButton_Click（object sender, RoutedEventArgs e）{bottomAppBar.IsSticky = true;}