应用程序栏和导航栏(AppBar)

　　在Windows 8设备上，当用户做一个向上滑动的手势或者点击鼠标右键，应用程序栏(AppBar)会出现在屏幕的底部，Metro Ui强调在主布局中尽量少出现控件，主要依托AppBar进行交互。

　　接下来，看下应用程序栏BottomAppbar的使用方法，贴上代码供参考，如下：

　　（实际应用中可以根据自己的需要定义控件及样式。另外：TopAppBar使用方法类似，把BottomAppBar改为TopAppBar即可）。

 1    <Page.BottomAppBar>
 2         <AppBar>
 3             <Grid Background="Firebrick" HorizontalAlignment="Left" Width="1346">
 4                 <Grid.ColumnDefinitions>
 5                     <ColumnDefinition Width="425*">
 6                     </ColumnDefinition>
 7                     <ColumnDefinition Width="248*"/>
 8                 </Grid.ColumnDefinitions>
 9                 <StackPanel Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Left">
10                     <Button x:Name="AppBarSearchButton" Style="{StaticResource SearchAppBarButtonStyle}" Click="AppBarButtonClick" AutomationProperties.Name="搜索"/>
11                     <Button x:Name="AppBarMoreButton" Style="{StaticResource MoreAppBarButtonStyle}" Click="AppBarButtonClick" AutomationProperties.Name="更多"/>
12                 </StackPanel>
13                 <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
14                     <Button x:Name="AppBarHomeButton" Click="AppBarButtonClick" Style="{StaticResource HomeAppBarButtonStyle}" AutomationProperties.Name="主页"/>
15                 </StackPanel>
16             </Grid>
17         </AppBar>
18     </Page.BottomAppBar>

View Code

　　PS：样式方面：可以自定义一个资源字典，参照Common/StandardStyles.xaml。