WPF：将同一图像绑定到DataGrid中的多行（提高性能）

Question

我有一个DataGrid，每列有几个绑定。 一列用于图像。 我已经发现，以下方式适用于在wpf DataGrid中绑定图像。

<DataGridTemplateColumn Header="" Width="SizeToCells" IsReadOnly="True">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Image Width="16" Height="16" Source="{Binding imagePathStatus, IsAsync=True}"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

public class DataGridObject 
{
    public String imagePathStatus { get; set; }

    ...
}

这是一种状态，有3种类型。 相同的类型表示相同的图片。 关于UI的性能，我有很多问题。 尤其是当我的后台任务在设置一列的状态后调用UI时。 但是初始化GridView（除了UI之外没有任何其他线程）也需要很长时间。 禁用图像列可以解决该问题。

我现在搜索了几个小时，并且尝试了很多事情。

我已经将图像放入资源中并通过

this.imagePathIcon = "pack://application:,,,/Etlxxx;component/GraphicUserInterface/Images/image.jpg";

我声明了对异步的绑定，因此至少UI不会冻结。

在我看来，问题在于即使它们使用相同的图片，每一行也会加载图像。 可能是因为我束手无策。 据我所知，没有办法直接绑定图像。

一切正常。 但是我可以看到每个图像都是单独加载的。 我真的很困惑

图片确实很小（16x16），但仍然会减慢整个应用程序的速度。

有没有一种方法可以将同一图像绑定到DataGrid中的多行。 理想情况下，应用程序必须加载一次图像，并立即在图像所属的每一行中显示它。

谢谢你的帮助！

Answer 1

使用静态资源。

<Window.Resources>
    <BitmapImage x:Key="MyImageSource" UriSource="./images/error.png" />
</Window.Resources>
<Grid>
    <DataGrid Name="dataGrid" >
        <DataGrid.Columns>
            <DataGridTemplateColumn>
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Image Width="16" Height="16" Source="{StaticResource MyImageSource}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns> 
    </DataGrid>
</Grid>

假设图像在“图像”目录中。

Answer 2

当然，您可以直接绑定到图像，而不是图像路径URL。

只需声明一个ImageSource类型的属性，例如

public class DataGridObject 
{
    public ImageSource StatusImage { get; set; }
    ...
}

并像这样绑定到它：

<Image Source="{Binding StatusImage}"/>

现在，您可以分配一个BitmapImage （或其他一些ImageSource派生的对象），例如，直接像这样：

item.StatusImage = new BitmapImage(new Uri(
    "pack://application:,,,/Etlxxx;component/GraphicUserInte‌​rface/Images/image.j‌​pg"));

或从先前创建的BitmapSource中获取：

item.StatusImage = somePreloadedBitmapImage;

或也来自XAML资源：

item.StatusImage = (ImageSource)Resources["imageResourceKey"];