在WPF视图中显示许多图像会占用太多内存
本文关键字:太多 内存 图像 许多 WPF 视图 显示 | 更新日期: 2023-09-27 18:17:00
我正在开发一个WPF应用程序,我需要在一个窗口中显示7200张图像。每个图像大小等于300x300。我的代码"*"。
<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
<ItemsControl ItemsSource="{Binding Results}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Vertical"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Grid HorizontalAlignment="Center" VerticalAlignment="Center" Height="180">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="40" />
<ColumnDefinition Width="180" />
<ColumnDefinition Width="180" />
<ColumnDefinition Width="180" />
<ColumnDefinition Width="180" />
<ColumnDefinition Width="180" />
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" Margin="2">
<Label Content="{Binding Frame}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
<Grid Grid.Column="1" Margin="2">
<Grid.Background>
<ImageBrush ImageSource="{Binding FrameImage}"/>
</Grid.Background>
<Image Source="{Binding FrameImage}"/>
</Grid>
<Grid Grid.Column="2" Margin="2">
<Grid.Background>
<ImageBrush ImageSource="{Binding FrameMatch}"/>
</Grid.Background>
<Image Source="{Binding FrameMatch}"/>
</Grid>
<Grid Grid.Column="3" Margin="2">
<Grid.Background>
<ImageBrush ImageSource="{Binding ObjMatch}"/>
</Grid.Background>
<Image Source="{Binding ObjMatch}"/>
</Grid>
<Grid Grid.Column="4" Margin="2">
<Image Source="{Binding ObjImage}"/>
</Grid>
<Grid Grid.Column="5" Margin="2">
<Label Content="{Binding Fitness}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</ScrollViewer>
问题是程序消耗了太多的内存。有可能克服这个问题吗?谁能给我一个解决办法?
有可能克服这个问题吗?谁能给我一个解决办法?
不要同时显示7200张300x300的图片。这远远超出了任何显示器一次能够显示的范围,因此最好将其虚拟化,只显示屏幕上的图像。
这可以通过使用VirtualizingStackPanel
,甚至实现带有双向虚拟化的自定义控件来完成。