c# - 如何使用 WPF 在列表视图上水平显示项目列表？

Question

我尝试用 Wrap Panel 替换内部的 StackPanel，没有任何效果。甚至尝试用包裹板包裹所有东西，仍然没有区别。

这是我的代码。

  <ListView Grid.Row="1" x:Name="MyListView" ItemsSource="{Binding Games}">
            <ListView.ItemTemplate>
                <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <ContentControl >
                                    <i:Interaction.Triggers>
                                        <i:EventTrigger EventName="MouseDoubleClick">
                                            <prism:InvokeCommandAction Command="{Binding DataContext.OpenGameCommand, RelativeSource={RelativeSource AncestorType=UserControl}}" CommandParameter="{Binding Id}" />
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>

                                    <StackPanel>
                                        <Image MaxHeight="150" IsEnabled="False" Source="{Binding Image}"/>
                                        <TextBlock  Text="{Binding Name}" Margin="5,0,0,0" />
                                    </StackPanel>
                                </ContentControl>
                            </StackPanel>
                        </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

这是输出

输出

Answer 1

设置ListView.ItemsPanel为StackPanel_Orientation="Horizontal"

<ListView Grid.Row="1" x:Name="MyListView" ItemsSource="{Binding Games}">

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

    <ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <ContentControl >
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseDoubleClick">
                            <prism:InvokeCommandAction Command="{Binding DataContext.OpenGameCommand, RelativeSource={RelativeSource AncestorType=UserControl}}" CommandParameter="{Binding Id}" />
                        </i:EventTrigger>
                    </i:Interaction.Triggers>

                    <StackPanel>
                        <Image MaxHeight="150" IsEnabled="False" Source="{Binding Image}"/>
                        <TextBlock  Text="{Binding Name}" Margin="5,0,0,0" />
                    </StackPanel>
                </ContentControl>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>