WPF - WrapPanel不更新/重绘图像内容

本文关键字:绘图 图像 WrapPanel 更新 WPF | 更新日期: 2023-09-27 17:50:58

我正在从文件夹中加载图像,在窗口的"大图标"中显示它们,这样用户就可以选择/标记他想要的图像。

目前我正在读取图像文件位置,将它们添加到字符串列表中,并将ItemSource设置为ItemsControl,如下所示:

<ItemsControl x:Name="ItemsControlPhotos" Margin="10" >
    <ItemsControl.Template>
        <ControlTemplate>
            <WrapPanel FlowDirection="LeftToRight" IsItemsHost="true">
            </WrapPanel>
        </ControlTemplate>
    </ItemsControl.Template>
    <ItemsControl.ItemTemplate>
        <DataTemplate >
            <Image Source="{Binding}" Width="100" Height="100" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

似乎工作得很好。但是有些图像看起来很奇怪,好像它们只画过一次。请参考这个视频中的例子。

我尝试用几种不同的方法手动更新列表:

ItemsControlPhotos.Items.Refresh ();

ItemsControlPhotos.InvalidateArrange ();

ItemsControlPhotos.InvalidateMeasure ();

ItemsControlPhotos.InvalidateVisual ();

但是这些都没有任何效果,所以我有点失落。

非常感谢你的帮助!:)

编辑:这是完整的窗口标记:

    <Window x:Class="Name.Space"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
        mc:Ignorable="d"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:System="clr-namespace:System;assembly=mscorlib"
        Title="PhotoChooser" 
        WindowState="Maximized"
        Width="1280"
        >
  <Window.Resources>
    <ResourceDictionary>
      <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="../Styles/Styles.xaml" />
      </ResourceDictionary.MergedDictionaries>
      <System:Double x:Key="{x:Static SystemParameters.VerticalScrollBarWidthKey}">40</System:Double>
    </ResourceDictionary>
  </Window.Resources>
  <Border BorderBrush="Black" BorderThickness="1" Background="White" Width="1280">
    <DockPanel>
      <Image Source="..'Images'BGTop.png" DockPanel.Dock="Top" Grid.Row="0" />
      <Grid DockPanel.Dock="Top" Margin="0,-80,0,0" >
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <ScrollViewer>
          <ItemsControl x:Name="ItemsControlPhotos" Margin="10" >
            <ItemsControl.Template>
              <ControlTemplate>
                <WrapPanel FlowDirection="LeftToRight" IsItemsHost="true">
                </WrapPanel>
              </ControlTemplate>
            </ItemsControl.Template>
            <ItemsControl.ItemTemplate>
              <DataTemplate >
                <Image Source="{Binding}" Width="100" Height="100" />
              </DataTemplate>
            </ItemsControl.ItemTemplate>
          </ItemsControl>
        </ScrollViewer>
      </Grid>
      <Grid DockPanel.Dock="Bottom">
        <Button Height="50" Width="200" Click="ButtonBase_OnClick">Add photos</Button>
        <Image  Source="..'Images'BGBottom.png" Grid.Row="99" VerticalAlignment="Bottom" Margin="0,0,0,0" />
      </Grid>
    </DockPanel>
  </Border>
</Window>

WPF - WrapPanel不更新/重绘图像内容

我还没有真正弄清楚这个问题,但是我在做这个项目的时候找到了一个解决方案。

而不是加载整个图像,我想只加载一个缩略图,以加快这个过程。所以我点击了这个链接:http://blogs.msdn.com/b/dditweb/archive/2007/08/22/speeding-up-image-loading-in-wpf-using-thumbnails.aspx

现在问题解决了。感谢您的贡献!:)