在页面底部显示应用程序栏

我正在使用C＃和XAML开发具有Visual Studio 2011测试版的Metro风格应用程序。我想在我的页面底部显示一个AppBar。根据一些消息来源，我将不得不在<Page.BottomAppBar>...</Page.BottomAppBar>标签内编写AppBar控件标签。在页面底部显示应用程序栏

但是，尽管这样做，被在XAML页面上生成一个错误，他说：

BottomAppBar无法识别的页面。

请帮我这个。谢谢。

来源

2012-03-20 Anitesh Kumar Bhatt

这仍然是相关的任何方式？我看到它是昨天编辑的。 – 2012-10-12 13:09:39

UPDATE： Altough的方法最初张贴在大多数情况下，作品不建议与appbar动画出现的问题，点击测试......相反Page.TopAppBar和Page.BottomAppBar在http://social.msdn.microsoft.com/Forums/en/winappswithcsharp/thread/1044f2fb-bc55-4391-ac82-02c5d5e75970规定应使用。

你只需要在appbar的垂直对齐方式设置为底部：

<AppBar Grid.Row="1" HorizontalContentAlignment="Stretch" Height="88" VerticalContentAlignment="Stretch" VerticalAlignment="Bottom"> 
... 
</Appbar>

而且确保appbar被嵌入元素在屏幕的底部。这意味着对于标准页面（具有2行的网格），应用栏必须嵌入第二行（Grid.Row = 1）。

最后一件事是，你必须确保appbar是Z顺序中最顶层的。为此，您必须在xaml文件的末尾添加底部的appbar。这意味着，如果你有这样的：

<GridView Grid.Row="1">...</GridView>

你有权责令控件临客这样的：

<GridView Grid.Row="1">...</GridView> 
<AppBar Grid.Row="1">...</AppBar>

来源

2012-04-12 16:31:17 paiden

不错的答案，@paiden。 – 2012-10-11 07:48:43

这是BottomAppBar的例子：

<Page.BottomAppBar> 
    <AppBar x:Name="MyappBar" Padding="10,0,10,0" 
      BorderThickness="0" 
      Opened="AppBar_Opened" Closed="AppBar_Closed" > 
     <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="btnEdit" Style="{StaticResource EditAppBarButtonStyle}"/> 
       <Button x:Name="btnSave" Style="{StaticResource SaveAppBarButtonStyle}"/> 
      </StackPanel> 
      <StackPanel x:Name="RightPanel" Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right"> 
       <Button x:Name="btnPhoto" Style="{StaticResource PhotoAppBarButtonStyle}" Click="CapturePhoto_Click" /> 
       <Button x:Name="btnHelp" Style="{StaticResource HelpAppBarButtonStyle}"/> 
      </StackPanel> 
     </Grid> 
    </AppBar> 
</Page.BottomAppBar>

试图把它后</Page.Resources>在您的xaml文件中。记得取消注释中的按钮样式StandardStyles.xaml常见文件夹。

来源

2012-12-15 12:20:38

在页面底部显示应用程序栏

回答

相关问题