gap tra oggetti nel mio ListBox

Question

quando creo ListBox con gli elementi orizzontali ordinare per esempio come questo:

<DockPanel> 
    <ListBox> 
     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <VirtualizingStackPanel Orientation="Horizontal" /> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBoxItem> 
      <Button Content="Hello" /> 
     </ListBoxItem> 
     <ListBoxItem> 
      <Button Content="Hello" /> 
     </ListBoxItem> 
    </ListBox> 
</DockPanel> 

ho piccoli spazi tra i tasti nella lista come indicato dalle frecce sulla seguente immagine:

Come posso eliminare queste lacune per favore? Devo avere gli articoli nello ListBox uno accanto all'altro. Ho provato a cambiare ItemTemplate del ListBox ma non è stato d'aiuto.

Answer 1

Ciò è dovuto al riempimento all'interno dell'oggetto ItemContainerStyle predefinito per ListBoxItem. Per rimuovere questo puoi sovrascrivere ItemContainerStyle. Ad esempio, prova il seguente ItemContainerStyle vuoto nel tuo ListBox e puoi vedere che il margine non esiste più.

<ListBox > 
     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate > 
       <VirtualizingStackPanel IsItemsHost="True" Orientation="Horizontal"/> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBox.ItemContainerStyle> 
      <Style TargetType="{x:Type ListBoxItem}"> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="{x:Type ListBoxItem}"> 
          <ContentPresenter/> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </ListBox.ItemContainerStyle> 
     <Button Content="hello1" Width="75"/> 
     <Button Content="Hello2" Width="75"/> 
    </ListBox> 

Answer 2

Quelle lacune sono all'interno della ControlTemplate del ListViewItems, che avrebbe dovuto ignorare che ho paura ...

Edit: Su alcune piattaforme che non hanno nemmeno bisogno di pasticciare con il Template per sbarazzarsi degli spazi tra gli elementi:

<ListBox.ItemContainerStyle> 
     <Style TargetType="ListBoxItem"> 
      <Setter Property="Padding" Value="0"/> 
     </Style> 
    </ListBox.ItemContainerStyle> 

per sbarazzarsi del divario sul lato molto è effettivamente necessario per cambiare il ListBox ControlTemplate in sé, non è una questione di voci. Nel modello Aero predefinito c'è un bordo con Padding = 1