Windows 8 应用栏

Windows 8中右键鼠标或者操作触摸屏，屏幕底层会弹出一个菜单，这个就是应用栏。

应用栏类似于Windows Phone中的菜单栏：

<Page.BottomAppBar>
    <AppBar x:Name="BottomAppBar">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="50*"/>
                <ColumnDefinition Width="50*"/>
            </Grid.ColumnDefinitions>
            <StackPanel x:Name="LeftPanel" Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Left">
                <Button x:Name="Edit" Style="{StaticResource EditAppBarButtonStyle}" Click="Edit_Button_Click"/>
                <Button x:Name="Save" Style="{StaticResource SaveAppBarButtonStyle}"/>
                <Button x:Name="Delete" Style="{StaticResource DeleteAppBarButtonStyle}"/>
            </StackPanel>
            <StackPanel x:Name="RightPanel" Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">
                <Button x:Name="Refresh" Style="{StaticResource RefreshAppBarButtonStyle}"/>
            </StackPanel>
        </Grid>
    </AppBar>
</Page.BottomAppBar>

AppBar标签中就是一个控件区域，可以设置任意的布局，上例设置的是我们在Win8应用中常见的布局，左侧几个按钮，右侧几个按钮

按钮直接用Button控件表示，事件或Name自己添加，样式一般是用系统自带的样式，样式文件都在工程文件的路径Common/StandardStyles.xaml中

默认这些样式的配置都是被注释的，如果需要哪些按钮样式，需要手动取消注释，如下

<Style x:Key="RefreshAppBarButtonStyle" TargetType="ButtonBase" BasedOn="{StaticResource AppBarButtonStyle}">
        <Setter Property="AutomationProperties.AutomationId" Value="RefreshAppBarButton"/>
        <Setter Property="AutomationProperties.Name" Value="Refresh"/>
        <Setter Property="Content" Value="&#xE117;"/>
    </Style>

这样就可以通过设置Button属性 Style="{StaticResource RefreshAppBarButtonStyle}" 来更改Button样式