我有大约45张相当大的图片(约为680x1000),需要加载到一个简单的用户控件(带填充的圆角背景、图像、文本块和2个侧矩形)中,然后在wrappanel中显示。虚拟化在这里不会真正起到帮助作用,因为这些图片在程序加载时都需要显示。
我知道在BitmapImage init内部可以设置decodepixel宽度,这确实有所帮助,但是我想加载所有图片的完整尺寸,因为我想能够通过滑块调整图像大小而不失去质量(这部分工作大多数情况下都很快)。 我知道一种可能性是将decodewidth设置为某个数字,该数字设置为最大可视大小可能有所帮助。
我尝试了在如何在后台加载图像?(第一个答案)中找到的多线程方法,但它导致程序加载时间变得非常长!
有什么想法吗?
当前加载代码:
BitmapImage bmp = new BitmapImage();
bmp.BeginInit();
//bmp.DecodePixelWidth = 400;
bmp.UriSource = new Uri(file.FullName);
bmp.EndInit();
bmp.Freeze();
images.Add(bmp);
示例 XAML 代码:
<Border x:Name="backBorder" Background="Black" Padding="2" Margin="3" CornerRadius="3,3,4,4"
BorderBrush="Black" BorderThickness="1"
MouseEnter="backBorder_MouseEnter" MouseLeave="backBorder_MouseLeave" MouseLeftButtonUp="backBorder_MouseLeftButtonUp" >
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="16" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition Width="15" />
</Grid.ColumnDefinitions>
<Image x:Name="imageBox" Stretch="Fill" Width="{Binding Path=ImageWidth, ElementName=me}" Height="{Binding Path=ImageHeight, ElementName=me}" />
<Border x:Name="backRatingBorder" Grid.Column="1" Margin="3,0,0,0" BorderBrush="Blue" Background="White" BorderThickness="1"/>
<Border x:Name="frontRatingBorder" Grid.Column="1" Margin="3,0,0,0" BorderBrush="Blue" Background="LightBlue" BorderThickness="1" VerticalAlignment="Bottom" Height="50"/>
<TextBlock x:Name="textBlock" Grid.Row="1" Grid.ColumnSpan="2" TextAlignment="Center" Background="Transparent" Foreground="White" FontFamily="Segoe UI" FontWeight="SemiBold" FontSize="12" />
</Grid>
</Border>
更新:
我最终通过在单个后台工作线程中运行加载图像循环,使其更加响应。每次加载完图像后,都会调用Dispacher.Invoke来创建包装项。经过一段时间的试验,我成功地让它在与之前相同的时间内显示每个创建的项。