带有列的 WPF 列表视图虚拟化

Question

我正在尝试创建一个具有平滑滚动的列表视图（5'000 项以上）。 我在 inet 中找到了一个解决方案，“virtualizationmode=Recycling”可以解决问题。

我完全迷路了，因为我在旧应用程序中使用了 gridview。 现在要虚拟化列表，我不能再使用 gridview，正如我在另一篇文章中所读到的。

我怎样才能让它发挥作用？我想使用 observalcollection 绑定项目，我需要一个 Header。

这是我使用 gridview 的旧列表视图：

<ListView x:Name="ListView_Main" Grid.Column="4" Grid.RowSpan="18" BorderBrush="#FFE87E00" Foreground="#FFE87E00" Background="Transparent" VirtualizingStackPanel.IsVirtualizing="true"  VirtualizingStackPanel.VirtualizationMode="Recycling">
                <ListView.View>
                    <GridView x:Name="GridView_ListHeader" AllowsColumnReorder="False">
                        <!--CheckBox-->
                        <GridViewColumn x:Name="GridViewColumn_Check" Width="25" Header=""><GridViewColumn.CellTemplate><DataTemplate><StackPanel>
                            <!---Tag = Index-->
                            <CheckBox IsChecked="{Binding Checked}" Tag="{Binding Index}"/></StackPanel></DataTemplate></GridViewColumn.CellTemplate>
                        </GridViewColumn>

                        <!--CheckImage-->
                        <GridViewColumn x:Name="GridViewColumn_CheckFake" Width="25" Header=""><GridViewColumn.CellTemplate><DataTemplate><StackPanel>
                                        <Grid Height="17" Width="17" VerticalAlignment="Center" HorizontalAlignment="center">
                                            <Canvas Background="{Binding Color}" Margin="3" Cursor="Hand" Tag="{Binding Index}" MouseLeftButtonDown="Canvas_ListIcon_MouseLeftButtonDown" MouseEnter="Canvas_ListIcon_MouseEnter" MouseLeave="Canvas_ListIcon_MouseLeave"><Canvas.OpacityMask>
                                                    <ImageBrush Stretch="UniformToFill" ImageSource="{Binding ImageCheckbox}" RenderOptions.BitmapScalingMode="NearestNeighbor" RenderOptions.EdgeMode="Aliased"/></Canvas.OpacityMask></Canvas></Grid></StackPanel></DataTemplate></GridViewColumn.CellTemplate>
                        </GridViewColumn>

                        <!--Source-->
                        <GridViewColumn x:Name="GridViewColumn_Icon"  Header="" Width="25"><GridViewColumn.CellTemplate><DataTemplate><StackPanel>
                                        <Grid Height="17" Width="17" VerticalAlignment="Center" HorizontalAlignment="center">
                                            <Canvas Background="{Binding Color}" Tag="{Binding Index}" Margin="3" MouseEnter="Canvas_SourceIcon_MouseEnter" MouseLeave="Canvas_SourceIcon_MouseLeave"><Canvas.OpacityMask>
                                                    <ImageBrush ImageSource="{Binding ImageSource}" Stretch="UniformToFill" RenderOptions.BitmapScalingMode="NearestNeighbor" RenderOptions.EdgeMode="Aliased"/></Canvas.OpacityMask></Canvas></Grid></StackPanel></DataTemplate> </GridViewColumn.CellTemplate>
                        </GridViewColumn>

                        <!--Pos-->
                        <GridViewColumn DisplayMemberBinding="{Binding Position}" x:Name="GridViewColumn_Pos" Width="50" Header="Pos"/>
                            <!--Entry-->
                        <GridViewColumn DisplayMemberBinding="{Binding Id}" x:Name="GridViewColumn_Entry" Width="200" Header="Eingabe"/>
                        <!--Sap-->
                        <GridViewColumn DisplayMemberBinding="{Binding SaperionNr}" x:Name="GridViewColumn_Sap" Width="100" Header="Saperion"/>
                        <!--Sup-->
                        <GridViewColumn DisplayMemberBinding="{Binding SupisNr}" x:Name="GridViewColumn_Sup" Width="100" Header="Navision"/>
                        <!--Path-->
                        <GridViewColumn DisplayMemberBinding="{Binding Path}" x:Name="GridViewColumn_Path" Width="150" Header="Pfad"/>
                        <!--Format-->
                        <GridViewColumn DisplayMemberBinding="{Binding Format}"  x:Name="GridViewColumn_Format" Width="50" Header="Format"/>
                        <!--Page-->
                        <GridViewColumn DisplayMemberBinding="{Binding Page}" x:Name="GridViewColumn_Page" Width="40" Header="Blatt"/>
                        <!--Stat-->
                        <GridViewColumn DisplayMemberBinding="{Binding Status}" x:Name="GridViewColumn_Stat" Width="175" Header="Status"/>
                    </GridView>
                </ListView.View>
            </ListView>

提前谢谢你！！！

Answer 1

默认情况下，列表视图应该启用虚拟化。 然而，有些情况会使它们的效果无效。 我会设置一个 maxheight 并确保设置了 ScrollViewer.VerticalScrollBarVisibility="Visible"。