如何以简单的方式预加载图像？

Question

在下面的代码中，当用户在列表框中选择一个项目时，我正在使用不同的图像ImageUrlHoverString。

这是一个很大的图像，我看到加载图像时的几分钟的差距。 你知道一个简单的方法来预载这个图像，所以这个毛刺不会再发生了吗？

  <Image x:Name="FloorImage" 
        Grid.Row="1" 
        Margin="0,0,0,0" 
        Height="70"> 
       <Image.Style> 
        <Style TargetType="{x:Type Image}"> 
         <Setter Property="Source" Value="{Binding ImageUrlString}" /> 
         <Style.Triggers> 
          <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True"> 
           <Setter Property="Source" Value="{Binding ImageUrlHoverString}"/> 
          </DataTrigger> 
         </Style.Triggers> 
        </Style> 
       </Image.Style> 
      </Image> 

Answer 1

我发现了一个可能的易于实现的解决方案。基本上，我创建了另一个形象与知名度隐藏加载网址ImageUrlHoverString

  <Image x:Name="FloorImagePreload" 
        Width="200" 
        Height="80" 
        Visibility="Hidden" 
        Grid.Row="1" 
        Margin="0,0,0,0"> 
       <Image.Style> 
        <Style TargetType="{x:Type Image}"> 
         <Setter Property="Source" Value="{Binding ImageUrlHoverString}" /> 
        </Style> 
       </Image.Style> 
      </Image>