Beste Ansatz für WPF multi-Spalte Liste anzeigen

Ich habe eine ListView mit einer Menge von Daten (200+ items) so um Platz zu sparen es ist ein UniformGrid zu-Anzeige 3 Spalten statt 1

<ListView.ItemsPanel>
    <ItemsPanelTemplate>
        <UniformGrid Columns="3" />
    </ItemsPanelTemplate>
</ListView.ItemsPanel>

Ich auch ändern, den Stil, so dass jedes Element ausgerichtet ist, um die top -

<ListView.Resources>
    <Style TargetType="{x:Type ListView}">
        <Setter Property="ItemContainerStyle">
            <Setter.Value>
                <Style TargetType="ListViewItem">
                    <Setter Property="VerticalContentAlignment" Value="Top"/>
                </Style>
            </Setter.Value>
        </Setter>
    </Style>
</ListView.Resources>

Dies funktioniert ok, aber aufgrund der Unterschiede in der Länge der Daten angezeigt werden, gibt es immer noch Platz verschwendet in Gruppen von items, da die meisten Daten passen auf eine einzige Zeile, aber gelegentlich gibt es ein item, das dauert bis zu 2 oder mehr Zeilen. Dies bedeutet, dass alle Zeilen in einer Gruppe gehen bis 2 oder mehr Zeilen, wenn es nur 1 Zeile, muss der zusätzliche Platz

Beste Ansatz für WPF multi-Spalte Liste anzeigen

Weiß jemand, wie man dieses Problem beheben, oder kann mir ein anderes Konzept zu vermeiden, die uniformgrid? Danke!

InformationsquelleAutor si618 | 2010-09-08
  1. 5

    Könnte man eine vertikale WrapPanel, und deaktivieren Sie den vertikalen Bildlauf. Dadurch wird der Artikel erscheinen in den Spalten mit zusätzlichen Spalten Hinzugefügt, auf der rechten Seite, ähnlich wie die Listenansicht im Windows-Explorer. Sie können Breite oder MaxWidth auf die ListViewItems, wenn Sie nicht wollen, eine einzige Zeile langen text zu erweitern die gesamte Spalte. 

    <ListView ScrollViewer.VerticalScrollBarVisibility="Disabled">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="MaxWidth" Value="100"/>
        </Style>
    </ListView.ItemContainerStyle>

    Könnte man eine normale Horizontale WrapPanel, wenn Sie deaktivieren Sie horizontal scrollen, obwohl es sei denn, die Elemente mit fester Breite, die wahrscheinlich unbequem für die Nutzer.

    • Dank der Quartermeister, ich habe versucht deinen Ansatz, aber es werden nur erstellt eine einzelne Spalte, anstatt 3?
    • Dieser Ansatz würde beginnen mit einer einzelnen Spalte und weitere Spalten hinzufügen, wie die Anzahl der Elemente wächst, anstatt mit einer einzelnen Zeile und das hinzufügen von mehr Zeilen als die euren hat, also, wenn Sie haben einige genug Elemente gibt es dann nur eine Spalte. Sie haben es in einem panel, das ermöglicht die vertikale scrollen? Es wird nur zusätzliche Spalten, wenn es ausgeführt wird aus der vertikalen Raum, das ist der Grund, warum ich deaktiviert die vertikale Bildlaufleiste auf der ListView, aber wenn die ListView selbst ist in einem ScrollViewer-Element, dann kann es immer noch vertikal erweitern.
    • Cheers Quartermesiter, das erklärt es!
    • das ist genau das was ich gesucht habe! Vielen Dank!
    InformationsquelleAutor Quartermeister
Schreibe einen Kommentar