DataGrid 中的 WPF 图像绑定(bind)

Question

如何在DataGrid中绑定(bind)图片？

 <my:DataGrid.Columns>
            <my:DataGridTemplateColumn Header="状況写真" Width="100">
                <my:DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Image >
                       ??????????????????
                        </Image>
                    </DataTemplate>
                </my:DataGridTemplateColumn.CellTemplate>
            </my:DataGridTemplateColumn>
   </my:DataGrid.Columns>

谢谢，维杰

Answer 1

Image 从 Source 属性获取其值，因此您需要绑定(bind)它。这是 ItemsControl 的示例。

<ItemsControl Name="imageList">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel></StackPanel>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <!-- The Image binding -->
            <Image Source="{Binding Path=Value}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

我使用以下代码初始化 imageList 的项目源。

List<KeyValuePair<string, string>> images =
    new List<KeyValuePair<string, string>>()
    {
        new KeyValuePair<string,string>("Image1", @"D:\Photos\tn-35.jpg"),
        new KeyValuePair<string,string>("Image2", @"D:\Photos\tn-36.jpg"),
        new KeyValuePair<string,string>("Image3", @"D:\Photos\tn-37.jpg")
    };

imageList.ItemsSource = images;