DataGrid中添加图片列

首先创建一个类，设置属性，表示每一行:

        public class MyDataObject{public int Number { get; set; }public BitmapImage image { get; set; }}

XAML代码:

 <DataGrid x:Name="dg" Margin="0,0,0,40" ColumnWidth="*" AutoGenerateColumns="False" ItemsSource="{Binding MyDataObject}" >  <DataGrid.Columns><DataGridTextColumn Binding="{Binding Path=Number}" Width="40" ClipboardContentBinding="{x:Null}" Header="序号"/><DataGridTemplateColumn Width="600" Header="Contour"><DataGridTemplateColumn.CellTemplate><DataTemplate><Image Source="{Binding image}" /> </DataTemplate></DataGridTemplateColumn.CellTemplate></DataGridTemplateColumn></DataGrid.Columns></DataGrid>

以上代码，新建的一个名字为dg的DataGrid，同时添加的两个column，一个类型为DataGridTextColumn，另一个为DataGridTemplateColumn(存放图片)
注意点：
1 AutoGenerateColumns设置成false，否则可能会出现重复的列。
2 设置DataGrid的ItemsSource=”{Binding MyDataObject} MyDataObject应为新建的类名
3 设置DataGridTextColumn Binding=”{Binding Path=Number}
4 添加< Image Source ={“Binding image”} /> image应为新创建的类中的一个属性

.cs代码

    List<MyDataObject> list = new List<MyDataObject>();  //用List存储每一行的数据list.Add(new MyDataObject() { Number = 0, image = bmp0}); //假设bmp0是一个BitmapImage类型文件 list.Add(new MyDataObject() { Number = 1, image = bmp1}); //再添加一行dgvContours.ItemsSource = list;

DataGrid显示图片，那么这个图片的类型应该为BitmapImage。如果将开始时新创建的类的属性设置为 public Bitmap image { get; set; }，这样是显示不出来图片的。参考：https://stackoverflow.com/questions/23952174/display-an-image-in-a-datagrid-column

我们常常使用的是Bitmap，那么需要将Bitmap类型转换成BitmapImage类型，转换方法如下：

public BitmapImage ConvertBitmap(System.Drawing.Bitmap bitmap)
{MemoryStream ms = new MemoryStream();bitmap.Save(ms, System.Drawing.Imaging.ImageFormat.Bmp);BitmapImage image = new BitmapImage();image.BeginInit();ms.Seek(0, SeekOrigin.Begin);image.StreamSource = ms;image.EndInit();return image;
}

这样的话，对于一个Bitmap类型的图像bmp，直接 list.Add(new MyDataObject() { Number = i, image = ConvertBitmap(temp) });

WPF DataGrid显示图片的一种方法相关推荐

python 学习系列（3）读取并显示图片的两种方法
python 读取并显示图片的两种方法在 python 中除了用 opencv,也可以用 matplotlib 和 PIL 这两个库操作图片.本人偏爱 matpoltlib,因为它的语法更像 mat ...
python如何调用图片-python实现读取并显示图片的两种方法
在 python 中除了用 opencv,也可以用 matplotlib 和 PIL 这两个库操作图片.本人偏爱 matpoltlib,因为它的语法更像 matlab. 一.matplotlib 1. ...
python图片-python实现读取并显示图片的两种方法
在 python 中除了用 opencv,也可以用 matplotlib 和 PIL 这两个库操作图片.本人偏爱 matpoltlib,因为它的语法更像 matlab. 一.matplotlib 1. ...
Android TextView里直接显示图片的三种方法
方法一:重写TextView的onDraw方法,也挺直观就是不太好控制显示完图片后再显示字体所占空间的位置关系.一般如果字体是在图片上重叠的推荐这样写.时间关系,这个不付源码了. 方法二:利用Text ...
python读取png图片只有一个图层_python实现读取并显示图片的两种方法
在 python 中除了用 opencv,也可以用 matplotlib 和 PIL 这两个库操作图片.本人偏爱 matpoltlib,因为它的语法更像 matlab. 一.matplotlib 1. ...
MFC对话框中显示图片的四种方法
先分类如下: (一) 非动态显示图片(即图片先通过资源管理器载入,有一个固定ID) (二) 动态载入图片(即只需要在程序中指定图片的路径即可载入) 为方便说明,我们已经建好一个基于对话框的工程,名为T ...
在MFC对话框中显示图片的三种方法（有两种使用OpenCv）
最近写了一个用对话框显示图片的程序,这里将学习到的东西整理一下: 编程环境:VC6.0+OpenCv1.0 准备工作:用VC6.0生成一个对话框外壳(全被采用默认设置),然后在对话框中添加一个静态控件 ...
android显示图片的两种方法
第一种使用xml文件 1.新建android application 2.将要显示的图片img.png放到res/drawable-mdpi目录下 3.打开res/layout目录下的main.xml ...
plt 显示图片（两种方法）
1. PIL 读取图片 #!/usr/bin/python3 # coding:utf-8from PIL import Image import matplotlib.pyplot as plt# ...

WPF DataGrid显示图片的一种方法

DataGrid中添加图片列

WPF DataGrid显示图片的一种方法相关推荐

最新文章

热门文章