Artikel Box mit Limit von Objekten in Reihe (Große Symbole Stil in Windows Explorer anzeigen)

Question

Kann nicht eine Lösung für ein ziemlich einfaches Benutzeroberfläche Problem finden:
Ich habe ein Modell mit einer Eigenschaft Images. Die Images-Eigenschaft enthält eine Sammlung von Elementen Image.
Jetzt für - Ich habe eine ListBox und binden eine ListBoxItem Datenvorlage an Images.Image und alles gut. Aber ich habe jedes Element in einer neuen Zeile. Nicht gut.
Was ich zu erreichen gewillt ist, lässt sich als eine Listbox mit horizontaler Ausrichtung von Elementen und Limit von Elementen in einer Zeile beschreiben. Genau wie große Symbole Stil im Windows Explorer anzeigen.
Haben Sie schon einmal eine solche Lösung implementiert? Jeder Rat wird sehr geschätzt.
Vielen Dank im Voraus.

Answer 1

Verwenden Sie ein WrapPanel (oder eine andere geeignete Panel) als ListBox des ItemsPanel, und deaktivieren Sie das horizontale Scrollen:

<ListBox ItemsSource="{Binding Images}" 
     ScrollViewer.HorizontalScrollBarVisibility="Disabled"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel/> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Image Source="{Binding}" Width="100" Margin="5"/> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

Answer 2

Sie können die ListBox ‚gesetzt s ItemPanelTemplate-WrapPanel, wie this.

Answer 3

Ich bin nicht sicher, warum es immer so ist - aber sobald ich fragte, habe ich eine alternative Lösung mit Verwendung von Listview gefunden:

  <ListView ItemsSource="{Binding Images}"> 
       <ListView.ItemTemplate> 
        <DataTemplate> 
          <Image Source="{Binding Image}" /> 
        </DataTemplate> 
       </ListView.ItemTemplate> 
       <ListView.ItemsPanel> 
        <ItemsPanelTemplate> 
         <UniformGrid Columns="2" /> 
        </ItemsPanelTemplate> 
       </ListView.ItemsPanel> 
      </ListView>