Как выровнять автоматически созданный контент DataTemplate рядом друг с другом?

Question

я хочу, чтобы эти кнопки рядом друг с другом, а не друг под другом

это является MVVM, поэтому кнопки генерируются классом

 <ItemsControl ItemsSource="{Binding Pages}" Grid.Column="1"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <StackPanel> 
         <Button Margin="8" Content="{Binding Name}" Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" CommandParameter="{Binding}"/> 
        </StackPanel> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 

Answer 1

Вы просто должны изменить значение по умолчанию ItemsPanel от вашего ItemsControl в горизонтальной ориентированной один, вот пример:

<ItemsControl ...> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel Orientation="Horizontal"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <StackPanel> 
       <Button Margin="8" Content="{Binding Name}" Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" CommandParameter="{Binding}"/> 
      </StackPanel> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

определяя горизонтальной StackPanel в качестве ItemsControl панели, каждый элемент будет выровнены рядом друг с другом (обратите внимание, что по умолчанию это вертикальный StackPanel).