Windows 8 ListView with horizontal item flow

by

You can use a ListView this way:

<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>

— that gives it a horizontal panel and the right ScrollBars for horizontal scrolling.

Both ListView and GridView can cause problems when you get larger items. I think by default the items might be sized based on the size of the first item added. You can set that size manually though:

<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>

— note that all items need to be the same size.

— also note – I have changed this answer to replace a StackPanel with an ItemsStackPanel which is virtualized, so it should get you better performance and lower memory usage for large data sets, but PLEASE – don’t create layouts with large, horizontally scrollable lists. They might be a good solution in some very limited scenarios, but in most cases they will break many good UI patterns and make your app harder to use.

More Related Contents:

  1. setState() or markNeedsBuild called during build
  2. How do I do bindings in ItemContainerStyle in WinRT?
  3. MessageDialog ShowAsync throws accessdenied exception on second dialog
  4. How do I print WebView content in a Windows Store App?
  5. flutter ListView KeepAlive after some scroll
  6. ListView grid in React Native
  7. how to calculate the textbock height and width in on load if i create textblock from code?
  8. Adding a swipe gesture to open SplitView Pane
  9. JavaFX ListView with touch events for scrolling up and down
  10. Nothing is populated from ArrayList to ListView
  11. Save data in a SQLite database with the original format and view those data again with that form format
  12. OnItemCLickListener not working in listview
  13. Android, ListView IllegalStateException: “The content of the adapter has changed but ListView did not receive a notification”
  14. Android ListView headers
  15. Flutter: Scrolling to a widget in ListView
  16. Progress bar with HttpClient
  17. ListView with OnItemClickListener
  18. Android ListView Text Color
  19. ListView subobject clickable confilct
  20. Async implementation of IValueConverter
  21. How to change listview selected row backcolor even when focus on another control?
  22. How to scroll to top of long ScrollView layout?
  23. How to output Django queryset as JSON?
  24. How to autosize and right-align GridViewColumn data in WPF?
  25. highlighting only the selected item in the listview in Android
  26. broadFileSystemAccess UWP
  27. How do you disable an item in listview control in .net 3.5
  28. Preserving state between tab view pages
  29. Checkbox auto call onCheckedChange when listview scroll?
  30. When to use a templated control over a UserControl?

Leave a Comment