Question

我正在从一个文件夹中加载图像，将它们显示在windows“大图标”的包装中，这样用户就可以选择/标记他想要的图像。

目前我正在阅读图像filelocations，将它们添加到字符串列表中，并将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>

这似乎工作正常。但是有些图像看起来很奇怪，就好像它们只画了一次。请参阅this video for an example。

我曾尝试使用多种不同方法手动更新列表：

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>

Answer 1

我没有真正解决问题，但我在使用该项目时找到了解决方案。

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

现在问题已经消失。感谢您的贡献！：）

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

1 个答案: