Come faccio a eliminare il margine extra attorno a un pulsante?

Question

Sto lavorando con XAML in Windows 8 Metro.

Ho una griglia con più righe. La prima riga contiene un pulsante e la seconda un'immagine. L'immagine ha una larghezza di 600 unità e il pulsante ha un contenuto immagine. Il problema è che, indipendentemente dal modo in cui modifico il pulsante, il suo bordo sinistro non corrisponde al bordo sinistro dell'immagine. Mentre curiosando con le impostazioni, sembra che il pulsante includa un margine extra all'esterno del bordo, anche se ho impostato il margine (e il padding e lo spessore del bordo) su 0.

Da dove viene questo viene il confine? Come faccio a liberarmene? Ho provato a creare uno stile personalizzato con un valore Template (sotto), ma ignora le mie altre impostazioni di stile. Non sono riuscito a trovare molta documentazione utile su come costruire il modello, o anche se questo è il problema.

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

Answer 1

È davvero fastidioso. La soluzione che sembra funzionare per me è:

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

Il segreto è nel valore negativo di margine.