Question

I have a ListView in WPF. I have an ObservableCollection as the ItemsSource. I want the items to simply flow from left to right and then onto the next row left to right etc. Image a Windows Explorer in Large Icon mode where you see the folders and files as large icons in a grid.

I am using a third party component that is based on the ListView, so I have to use ListView methods to make this work.

How do I do it?

Update: Here is my code using the answer given:

<diag:NodeListView  Name="nodeListViewSources" Width="400" Margin="0,0,0,0" Background="Gray" SelectionMode="Single" SelectionChanged="nodeListView_SelectionChanged">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</diag:NodeListView>

The NodeListView is a third party class derived from a ListView. Maybe that is the problem, but I thought it should work the same.

Answer 1

You just need to change the items’ panel to a WrapPanel.

<ListView.ItemsPanel>
    <ItemsPanelTemplate>
        <WrapPanel Orientation="Horizontal"></WrapPanel>
    </ItemsPanelTemplate>
</ListView.ItemsPanel>