Windows 8 ListView mit horizontalen Element flow

Wie kann ich die ListItems in windows 8 ListView zu horizontal. Standardverhalten ist die vertikale, aber ich möchte, um die Liste in horizontaler Strömung, so es machen kann als panorama.

Ich habe versucht, GridView, die unterstützt horizontale layout, aber es gibt eine Begrenzung, Element Höhe, die nicht die komplette Element Sie Inhalte für Elemente mit großen text.

Obwohl es sich um eine Antwort zu WPF, dies war für mich in meinem WinRT-app: stackoverflow.com/questions/359217/...

InformationsquelleAutor bdaniel | 2012-07-04

  1. 47

    Können Sie ein ListView-so:

    <ListView
    Height="500"
    VerticalAlignment="Center"
    ScrollViewer.HorizontalScrollBarVisibility="Auto"
    ScrollViewer.VerticalScrollBarVisibility="Disabled"
    ScrollViewer.HorizontalScrollMode="Enabled"
    ScrollViewer.VerticalScrollMode="Disabled"
    ScrollViewer.ZoomMode="Disabled"
    SelectionMode="None">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsStackPanel
                Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>

    -- , gibt es ein horizontales Gremium und den rechten Scrollbalken für die horizontale scrolling.

    Beide ListView und GridView Probleme verursachen können, wenn Sie größere Gegenstände. Ich glaube, standardmäßig werden die Elemente der Größe basierend auf der Größe des ersten Elements Hinzugefügt. Sie können festlegen, dass die Größe manuell eingeben wenn:

    <ListView.ItemContainerStyle>
    <Style
        TargetType="ListViewItem"><!-- note - for GridView you should specify GridViewItem, for ListBox - ListBoxItem, etc. -->
        <Setter
            Property="Height"
            Value="200" /> <!-- this is where you can specify the size of your ListView items -->
        <Setter
            Property="Width"
            Value="350" />
    </Style>
</ListView.ItemContainerStyle>

    -- beachten Sie, dass alle Elemente die gleiche Größe haben.

    -- auch Hinweis - hab ich geändert, diese Antwort zu ersetzen StackPanel mit einem ItemsStackPanel die virtualisiert wird, so sollte es erhalten Sie bessere Leistung und geringeren memory-Nutzung für große Datenmengen, aber BITTE - nicht das erstellen von layouts mit großen, horizontal scrollbaren Listen. Sie können eine gute Lösung in einigen wenigen Szenarien, aber in den meisten Fällen werden Sie brechen viele gute UI-Muster und machen Sie Ihre app schwieriger zu benutzen.

    Dieser Ansatz scheint auch das problem zu beheben, mit touch-Tastatur, die über edit-Steuerelemente in GridView! Ich kann nicht upvote dies Antwort genug!
    Beachten Sie, dass die Verwendung StackPanel als ItemsPanel Virtualisierung deaktiviert, so sollten Sie nicht verwenden es mit Listen von unkontrollierter Größe. Ich würde versuchen, mit ItemsStackPanel statt in solchen Fällen. Ich bin nicht die Aktualisierung der Antwort aber da ich es noch nicht getestet. Ziemlich sicher, es sollte aber funktionieren.
    in 8.1 gibt es etwas namens "VirtualizingStackPanel"
    VirtualizingStackPanel ist das alte panel bekannt aus 8.0, Silverlight und WPF. Ich glaube ItemsStackPanel ist die neue und verbesserte panel mit einer besseren performance und zusätzlichen features.
    Ich habe versucht, diese Lösung auf Windows Phone 8.1 und ich würde vorschlagen, hinzufügen von ManipulationMode="TranslateRailsX". Dies machte das horizontale scrollen möglich, wenn Ihr listview in einem FlipView oder etwas ähnliches. Auch wenn ich entfernen Sie Elemente aus ListView, war ich immer zu Störungen in der animation, aber nicht nach dem hinzufügen dieses. Arbeiten Glatt wie Erwartet.

    InformationsquelleAutor

  2. 5

    Können Sie auch Kapseln Filips Ansatz, der sich auf einen Stil:

       <Style TargetType="ListView" x:Key="VerticalListView">
        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled" />

        <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Enabled" />
        <Setter Property="ScrollViewer.VerticalScrollMode" Value="Disabled" />

        <Setter Property="ScrollViewer.ZoomMode" Value="Disabled" />
        <Setter Property="SelectionMode" Value="None" />

        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <StackPanel VerticalAlignment="Top" Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>

        <Setter Property="ItemContainerStyle">
            <Setter.Value>
                <Style TargetType="ListViewItem">
                    <Setter Property="Height" Value="400" />
                </Style>
            </Setter.Value>
        </Setter>
    </Style>

    Anwenden, um Ihre ListViews Bedarf:

    <ListView Style="{StaticResource VerticalListView}" />

    InformationsquelleAutor

  3. 0

    Ich würde es vorziehen, die Stile zu nähern, aber Sie müssen vorsichtig sein, ändern Sie die panel-Ausrichtung. Vor dem ersten visual-layout-pass Elemente-control-panel wird nicht erstellt und daher nicht verfügbar und werden zu ändern. Sie würde finden müssen, um eine Strategie für den Umgang einstellen der anfänglichen Ausrichtung, wenn es anders ist als die eine Zeile in Ihrem Xaml-Code. Vielleicht weisen Sie die ItemsPanelTemplate über einen Stil-setter auch.

    InformationsquelleAutor

Schreibe einen Kommentar