AppBar имеет левое и правое поле по умолчанию

Question

У меня есть приложение для Windows Store 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 имеет несколько левого и правого заполнения.
Вам просто нужно установить Padding свойство AppBar на 0.

Answer 2

Я предполагаю, что здесь находится левое право, так что элементы управления не рисуются рядом с краями экрана.

В любом случае, поскольку @Mark говорит, просто отрегулируйте прокладку.

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