WPF DataGrid显示图片的一种方法

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) });

  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: WPF DataGrid图片显示可以通过在 DataGrid 的列定义中添加 Image 类型的列来实现。这个 Image 列需要指定宽度和高度以确保图片可以正确地显示DataGrid 中。可以在 Image 列中使用 DataTrigger 来绑定数据并显示不同的图片。 另外,还可以使用 Converter 来将绑定数据转换为图片路径,然后在 Image 列中使用该路径来显示图片。这种方法可以用于将绑定数据转换为不同的图片格式,同时也可以用于异步加载图片,避免 UI 在加载大量图片时出现卡顿情况。 虽然 WPF DataGrid 可以很容易地显示图片,但是在使用图片时需要注意一些问题。对于大量图片的情况,应该考虑使用虚拟化以避免内存不足情况。同时,如果需要对图片进行处理或编辑,则应该先将图片加载到内存中,处理完后再保存回磁盘。 总之,WPF DataGrid 可以很方便地实现图片显示功能,但在使用时需要考虑到一些细节问题。 ### 回答2: WPF(Windows Presentation Foundation)是Windows操作系统的图形用户界面(GUI)框架,它提供了许多UI控件来帮助开发者创建各种功能强大的应用程序。其中,DataGrid控件是WPF中非常重要的一个控件,它允许开发者将数据以表格形式呈现出来,方便用户进行查看、编辑或删除等操作。 在使用DataGrid控件时,有时需要在表格中显示图片。为了实现这一功能,开发者需要对DataGrid控件进行相应的配置。首先,开发者需要在DataGrid控件中添加一个列并将其类型设置为“DataGridTemplateColumn”,该列将用于显示图片。其次,开发者需要在该列中添加一个控件(如Image控件)并绑定该控件的源路径(如图片文件路径或是绑定到ViewModel中的属性)。 接下来,开发者可以编写代码来加载图片并将其显示DataGrid控件中。例如,开发者可以使用C#代码中的BitmapImage类来加载图片。代码如下: BitmapImage bitmapImage = new BitmapImage(); bitmapImage.BeginInit(); bitmapImage.UriSource = new Uri("图片路径"); bitmapImage.EndInit(); 最后,将其赋值给Image控件的Source属性即可实现在DataGrid控件中显示图片。例如: <img src="[image source]" /> 总之,使用WPF中的DataGrid控件可以很方便地在UI中展示数据,而添加图片也不复杂。开发者只需要了解DataGrid控件的基本用法和绑定方式,掌握相关的代码编写技巧,就可轻松在WPF应用程序中呈现各种类型的数据和图片。 ### 回答3: WPF(DataGrid)是一款功能强大的应用程序开发框架,可以用于创建图形用户界面和多媒体内容。其中,DataGridWPF中数据网格控件的一种,具有显示和编辑数据的能力,我们可以使用DataGrid来展示数据、绑定数据、编辑数据和排序数据等操作。 在WPF(DataGrid)中,图片的表现形式也可以通过DataGrid中的行模板来展示。我们可以在DataGrid中的其中一列中添加一个Image控件,然后将图片绑定到该Image控件中,实现数据与图片的绑定。 其中,图片可以通过BitmapImage类进行实现,我们可以使用BitmapImage类来读取图片文件,然后将图片绑定到DataGrid的一列中。CodeBehind中的代码如下: ``` // 定义一个BitmapImage,用于读取图片 BitmapImage bm = new BitmapImage(); // 设置图片路径 bm.BeginInit(); bm.UriSource = new Uri(@"路径"); bm.EndInit(); // 将图片绑定到DataGrid上 ImageColumn.SetValue(DataGrid.CellTemplateSelectorProperty, bm); ``` 通过以上代码,我们可以在WPF(DataGrid)中实现图片的展示和绑定,让我们的应用更为美观和实用,提升用户体验和使用效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值