WPF ListView with horizontal arrangement of items?

by

It sounds like what you are looking for is a WrapPannel, which will lay the items out horizontally until there is no more room, and then move to the next line, like this:

(MSDN)
alt text http://i.msdn.microsoft.com/Cc295081.b1c415fb-9a32-4a18-aa0b-308fca994ac9(en-us,Expression.10).png

You also could use a UniformGrid, which will lay the items out in a set number of rows or columns.

The way we get the items to arange using these other panels in a ListView, ListBox, or any form of ItemsControl is by changing the ItemsPanel property. By setting the ItemsPanel you can change it from the default StackPanel that is used by ItemsControls. With the WrapPanel we also should set the widths as shown here.

<ListView>
   <ListView.ItemsPanel>
      <ItemsPanelTemplate>
         <WrapPanel Width="{Binding (FrameworkElement.ActualWidth), 
            RelativeSource={RelativeSource AncestorType=ScrollContentPresenter}}"
            ItemWidth="{Binding (ListView.View).ItemWidth, 
            RelativeSource={RelativeSource AncestorType=ListView}}"
            MinWidth="{Binding ItemWidth, RelativeSource={RelativeSource Self}}"
            ItemHeight="{Binding (ListView.View).ItemHeight, 
            RelativeSource={RelativeSource AncestorType=ListView}}" />
      </ItemsPanelTemplate>
   </ListView.ItemsPanel>
...
</ListView>

More Related Contents:

  1. How to display row numbers in a ListView?
  2. WPF ListView Inactive Selection Color
  3. How to get controls in WPF to fill available space?
  4. WPF ListView – detect when selected item is clicked
  5. How do I make WPF ListView items repeat horizontally, like a horizontal scrollbar?
  6. Bubbling scroll events from a ListView to its parent
  7. WPF : Extend last column of ListView’s GridView
  8. What’s the meaning of * (asterisk) in XAML ColumnDefinition?
  9. VirtualizingStackPanel + MVVM + multiple selection
  10. How do I make a WPF data template fill the entire width of the listbox?
  11. Scroll WPF Listview to specific line
  12. How to autosize and right-align GridViewColumn data in WPF?
  13. WPF ListView turn off selection
  14. Best way to make WPF ListView/GridView sort on column-header clicking?
  15. Prevent user from resizing columns with WPF ListView
  16. WPF ListView with GridViewColumn and DataTemplate
  17. How to display default text “–Select Team –” in combo box on pageload in WPF?
  18. Change theme at runtime
  19. How to set Grid row and column positions programmatically
  20. How Do I Hide wpf datagrid row selector
  21. WPF DataGrid: Blank Row Missing
  22. What is the actual task of CanExecuteChanged and CommandManager.RequerySuggested?
  23. TextBox and default Button binding does update too late
  24. How can I provide multiple conditions for data trigger in WPF?
  25. Add a user control to a wpf window
  26. How to set DataGrid’s row Background, based on a property value using data bindings
  27. Handling null when binding to an Image in XAML
  28. WPF ListView SelectedItem is null
  29. How do I get the UI thread’s Dispatcher?
  30. WPF ItemsControl the current ListItem Index in the ItemsSource

Leave a Comment