Зазоры между элементами в моей ListBox

Question

Когда я создаю ListBox с горизонтальными элементов заказа, например, так:

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

У меня есть небольшие зазоры между кнопками в списке, как указано стрелками на рисунке:

Как я могу избавиться от этих пробелов, пожалуйста? Мне нужно иметь предметы в ListBox рядом друг с другом. Я попытался изменить ItemTemplateListBox, но это не помогло.

Answer 1

Это связано с заполнением внутри элемента ItemContainerStyle по умолчанию для ListBoxItem. Чтобы удалить это, вы можете переопределить ItemContainerStyle. Например, просто попробуйте приведенный ниже Empty ItemContainerStyle в свой ListBox, и вы можете видеть, что маржа не больше.

<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

Эти пробелы внутри ControlTemplate из ListViewItems, вы должны переопределить, что я боюсь ...

Edit: На некоторых платформах вы даже не нужно возиться с Template к избавиться от зазоров между элементами:

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

чтобы избавиться от разрыва в самой стороне вы на самом деле нужно изменить саму ListBox ControlTemplate, это не вопрос пунктов. В шаблоне Aero по умолчанию есть граница с Padding = 1