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

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

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

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

　　

   <Page.BottomAppBar>
        <AppBar>
            <Grid Background="Firebrick" HorizontalAlignment="Left" Width="1346">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="425*">
                    </ColumnDefinition>
                    <ColumnDefinition Width="248*"/>
                </Grid.ColumnDefinitions>
                <StackPanel Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Left">
                    <Button x:Name="AppBarSearchButton" Style="{StaticResource SearchAppBarButtonStyle}" Click="AppBarButtonClick" AutomationProperties.Name="搜索"/>
                    <Button x:Name="AppBarMoreButton" Style="{StaticResource MoreAppBarButtonStyle}" Click="AppBarButtonClick" AutomationProperties.Name="更多"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                    <Button x:Name="AppBarHomeButton" Click="AppBarButtonClick" Style="{StaticResource HomeAppBarButtonStyle}" AutomationProperties.Name="主页"/>
                </StackPanel>
            </Grid>
        </AppBar>
    </Page.BottomAppBar>

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