Windows 8 应用开发 - 应用栏

时间:2024-10-13 10:32:50

原文:Windows 8 应用开发 - 应用栏

     通过应用栏(AppBar)可以在需要时向用户显示各种应用命令。应用栏提供与用户当前页面或当前选定的内容相关的各种命令。默认情况下,应用栏处于隐藏状态。当用户沿屏幕边缘从顶部或底部用手指划动时会显示应用栏,还可以通过单击鼠标右键显示。在用户启动命令、点击应用界面或重复划动手势后,应用栏会自动消失。如果需要进行多选命令操作时,也可以以让应用栏始终可见。

Windows 8 应用开发 - 应用栏

新建应用栏

以下边栏(BottomAppBar)为例,利用AppBar 控件编写一个具有文本编辑功能的应用栏。

<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>

     从上面代码可以看出编写应用栏本身并没有什么复杂之处,而且应用栏中使用按键的风格在Win8 应用中也都提供了。在项目工程Common 文件夹中找到StandardStyles.xaml 里面有很多注释掉的ButtonStyle,在里面找到你需要的提出来即可。

编辑应用栏

     接下来,我们在应用界面中添加两个CheckBox:一个用来将应用栏固定,另一个用来新增或删除应用栏按键。

<StackPanel Orientation="Vertical" Grid.Row="1" Margin="120,50,0,0">
<CheckBox x:Name="IsSticky" Content="IsSticky" Click="IsSticky_Click" />
<CheckBox x:Name="AddHelpButton" Content="Add Help Button" Click="AddHelpButton_Click" />
</StackPanel>

Windows 8 应用开发 - 应用栏

     两个CheckBox 点击事件代码如下,当应用栏IsSticky 属性激活后,只能通过划动下边屏幕或鼠标右键将取消显示。

private void IsSticky_Click(object sender, RoutedEventArgs e)
{
CheckBox cb = sender as CheckBox;
AppBar ap = pageRoot.FindName("BottomAppBar") as AppBar;
if (ap != null)
{
ap.IsSticky = (bool)cb.IsChecked;
}
} private void AddHelpButton_Click(object sender, RoutedEventArgs e)
{
CheckBox cb = sender as CheckBox;
if ((bool)cb.IsChecked)
{
Button helpButton = new Button();
helpButton.Name = "Help";
helpButton.Style = App.Current.Resources["HelpAppBarButtonStyle"] as Style;
RightPanel.Children.Add(helpButton);
}
else
{
RightPanel.Children.RemoveAt(1);
}
}

Windows 8 应用开发 - 应用栏

源码下载

http://sdrv.ms/SSPQM2