WPF Horizontale Listbox vertikal füllen

Question

Ich mache eine Liste von Produkten, die innerhalb einer Listbox angezeigt werden, die horizontal scrollt. Ich habe die Liste horizontal scrollen, aber ich bekomme immer nur 1 Reihe von Elementen, obwohl das Listenfeld hoch genug ist, um 2 Zeilen zu füllen, bevor es horizontal scrollt.

Teil meines WPF-Codes.

<DataTemplate x:Key="productTemplate"> 
    <WrapPanel Orientation="Horizontal" Width="10" Height="10"> 
      <Image Source="{Binding Photo}" Stretch="Fill" HorizontalAlignment="Center" VerticalAlignment="Center" Width="288" Height="320"/> 
      <Label Content="{Binding Name}" /> 
      <Label Content="{Binding Cost}" /> 
    </WrapPanel> 
</DataTemplate> 

<ListBox Width="1334" ItemsSource="{Binding Products}" SelectedItem="{Binding SelectedProduct}" ItemTemplate="{DynamicResource productTemplate}" Height="865" ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Disabled" BorderThickness="0"> 
    <ListBox.Background> 
     <SolidColorBrush Color="White" Opacity="0.85"/> 
    </ListBox.Background> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel IsItemsHost="True" /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
</ListBox> 

Ich suche nach:

Jede Hilfe wäre toll.

Answer 1

Die WrapPanel, die verwendet wird als Itemspanel vertikale Ausrichtung haben müssen, und die List-Box muss nicht vertikal scrollen:

<ListBox ScrollViewer.VerticalScrollBarVisibility="Disabled" ...> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel Orientation="Vertical" /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
    ... 
</ListBox> 

Answer 2

Vielleicht ist der folgende Code Ihnen helfen. Der folgende Code hilft Ihnen, Bilder auf folgende Weise zu binden.

<ListBox Grid.Column="1" ItemsSource="{Binding Items}" Name="detailList" ScrollViewer.HorizontalScrollBarVisibility="Disabled"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel Orientation="Horizontal"></WrapPanel> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 

    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Vertical" Width="90"> 
       <Image Width="80" Source="{Binding Type, 
        Converter={x:Static local:HeaderToImageConverter.Instance}}"/> 
       <TextBlock FontSize="11" Text="{Binding Name}" VerticalAlignment="Center"/> 
      </StackPanel> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox>