Horizontal ListView on multiple lines (WPF)

Question

I want to implement an horizontal ListView which can have multiple lines, like the file explorer:

I found that I have to use StackPanelfor the ItemPanelTemplate here, but I prefer to have multiple lines instead of the horizontal scrollbar. I think that the idea is when the StackPanel width reaches the ListView width, go the next line/create a new StackPanel. I don't know if it's correct, but maybe it can help to understand what am I looking for.

How can I implement this?

If listview is not compulsory then you should go with wrap panel. — maulik kansara, Apr 21 '18 at 09:56
Put a wrap panel as the itemspanel of a listbox or itemscontrol. Like this does: https://social.technet.microsoft.com/wiki/contents/articles/33327.wpf-wrappanel-itemspanel-last-of-line.aspx — Andy, Apr 21 '18 at 10:16

score 3 · Accepted Answer · answered Apr 23 '18 at 13:31

You need to use a WrapPanel instead of a StackPanel as ItemsPanelTemplate.

<ListView ItemsSource="{Binding xxx}">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</ListView>

score 0 · Answer 2 · answered Feb 12 '21 at 15:48

0

Use a WrapPanel and specify the width.

<ListView ItemsSource="your-source">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel width="1200" />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</ListView>

answered Feb 12 '21 at 15:48

Matteo

57
1
9

Horizontal ListView on multiple lines (WPF)

2 Answers2