Как избавиться от лишнего поля вокруг кнопки?

Question

Я работаю с XAML в Windows 8 Metro.

У меня есть сетка с несколькими рядами. Первая строка содержит кнопку, а вторая - изображение. Изображение имеет ширину 600 единиц, а кнопка имеет изображение. Проблема в том, что независимо от того, как я стиль кнопки, его левый край не соответствует левому краю изображения. В то время как выкалываете с настройками, похоже, что кнопка включает дополнительный запас за пределами границы, хотя я установил маржу (и заполнение и толщину границы) кнопки на 0.

Где это граница из? Как я могу избавиться от него? Я попытался создать пользовательский стиль со значением Шаблон (ниже), но он игнорирует мои другие настройки стиля. Я не мог найти много полезной документации о том, как создать шаблон - или даже если это проблема.

<Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="Button"> 
      <Grid> 
       <ContentPresenter Content="{TemplateBinding Content}" Margin="0" /> 
      </Grid> 
     </ControlTemplate> 
    </Setter.Value> 
</Setter> 

Answer 1

Это действительно раздражает. Решение, которое, кажется, работает для меня:

<Button Background="Crimson" 
    HorizontalAlignment="Stretch" 
    VerticalAlignment="Stretch" 
    BorderThickness="0" 
    Margin="-3">Click me!</Button> 

Секрет в отрицательном значении края.