根据 WPF 数据网格中的列值显示图像
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/14066601/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Displaying Images based on column value in WPF datagrid
提问by Olivarsham
I have a datatable queried from SQL server table.
The data table contains only one column, it will have numbers from 0 -9.
I need to display that in WPF datagrid. I have done displaying as ordinary datagrid.
But I need to display a separate picture and some text for that specific number in that column.
Is it possible thorugh Datagrid?
我有一个从 SQL 服务器表中查询的数据表。
数据表只包含一列，它将包含从 0 -9 的数字。
我需要在 WPF 数据网格中显示它。我已经完成显示为普通数据网格。
但是我需要为该列中的特定数字显示单独的图片和一些文本。
是否可以通过Datagrid？
回答by Sisyphe
Use DataGridTemplateColumnand bind it using an IValueConverterthat will transform your intinto an ImageSource
使用DataGridTemplateColumn并使用IValueConverter将您int转换为ImageSource
Here is a small working example :
这是一个小的工作示例：
MainWindow.xaml
主窗口.xaml
<Window x:Class="StackOverflow.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
xmlns:local="clr-namespace:StackOverflow"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<local:IntToImageConverter x:Key="IntToImageConverter" />
</Window.Resources>
<DataGrid>
<DataGrid.Columns>
<DataGridTemplateColumn>
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Image Source="{Binding Converter={StaticResource IntToImageConverter}}" />
<TextBlock Text="Image number : " Margin="5, 0, 0, 0" />
<TextBlock Text="{Binding}" Margin="5, 0, 0, 0" />
</StackPanel>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
<sys:Int32>0</sys:Int32>
<sys:Int32>1</sys:Int32>
</DataGrid>
</Window>
MainWindow.xaml.cs
主窗口.xaml.cs
using System;
using System.Windows;
using System.Windows.Data;
using System.Windows.Media;
using System.Windows.Media.Imaging;
namespace StackOverflow
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
}
public class IntToImageConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
ImageSource result = null;
var intValue = (int)value;
switch (intValue)
{
case 0:
{
result = new BitmapImage(new Uri(@"your_path_to_image_0"));
break;
}
case 1:
{
result = new BitmapImage(new Uri(@"your_path_to_image_1"));
break;
}
}
return result;
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
}
