AppBar默认有左右边距

Question

我有一个带有网格的Windows应用商店应用BottomAppBar。出于某种原因，AppBar有一些我不想要的左右边距。这是地铁应用程序中的错误还是下面的代码中缺少一些设置。

<common:LayoutAwarePage.BottomAppBar> 
   <AppBar>           
<AppBar.Background>             
<SolidColorBrush Color="Black" Opacity="0"/>            
</AppBar.Background>           
 <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> 
           <Grid.Background>   
             <SolidColorBrush Color="Black" Opacity="0.7"/> 
           </Grid.Background> 
           <Button Content="Hello"/> 
       </Grid>      
 </AppBar>  
 </common:LayoutAwarePage.BottomAppBar>

如果您运行该应用程序，您可以看到左侧和右侧的某些区域未被AppBar（或网格）覆盖。为什么呢？

Answer 1

似乎AppBar控件的默认模板有一些左右填充 您只需将AppBar的Padding属性设置为0。

Answer 2

我假设左右填充是存在的，因此不会在屏幕边缘旁边绘制控件。

无论如何，正如@Mark所说，只需调整填充。

 <Page.BottomAppBar>
    <AppBar Padding='0'>
    <AppBar.Background>
      ...