DataGridView单元格显示图片与文字技巧

"在Windows Forms应用程序中，DataGridView控件通常用于显示表格数据。然而，有时我们可能希望在一个单元格中同时显示图片和文本，以提供更丰富的信息展示。本文将介绍如何利用DataGridView的CellPainting事件来实现这一功能。" 在.NET Framework的Windows Forms开发中，DataGridView是用于显示和编辑表格数据的常用控件。默认情况下，它只能显示纯文本数据。然而，通过自定义绘制，我们可以扩展其功能，使其能够在单个单元格中同时显示图片和文本。 首先，我们需要处理DataGridView的`CellPainting`事件。这个事件在绘制每个单元格时触发，为我们提供了自定义绘制的机会。在事件处理程序中，我们可以检查当前绘制的单元格是否是我们想要添加图片和文本的特定列。例如，下面的代码片段展示了如何设置这个事件处理程序： ```csharp private void dgvData_CellPainting(object sender, DataGridViewCellPaintingEventArgs e) { if (e.RowIndex >= 0 && e.ColumnIndex == 2) // 检查是否在正确的行和列 { if (this.dgvData.Rows[e.RowIndex].Cells["file_Extension"].Value == DBNull.Value) return; string strExtension = this.dgvData.Rows[e.RowIndex].Cells["file_Extension"].Value.ToString(); string strFileName = this.dgvData.Rows[e.RowIndex].Cells["file_Name"].Value.ToString(); Image image; string imagePath = Application.StartupPath; // 根据文件扩展名加载对应的图片 switch (strExtension) { case "doc": case "docx": image = Image.FromFile(imagePath + "\\Images\\FileImage\\doc.gif"); break; case "txt": image = Image.FromFile(imagePath + "\\Images\\FileImage\\txt.gif"); break; case "xls": case "xlsx": image = Image.FromFile(imagePath + "\\Images\\FileImage\\xls.gif"); break; default: image = Image.FromFile(imagePath + "\\Images\\FileImage\\wz.bmp"); break; } // 绘制图片 Rectangle newRect = new Rectangle(e.CellBounds.X, e.CellBounds.Y, image.Width, image.Height); e.Graphics.DrawImage(image, newRect); // 绘制文本 Point textPosition = new Point(newRect.Right + 5, newRect.Top + (newRect.Height - e.CellStyle.Font.Height) / 2); e.Graphics.DrawString(strFileName, e.CellStyle.Font, Brushes.Black, textPosition); // 告诉DataGridView我们已经绘制了单元格，防止它再次绘制 e.Handled = true; } } ``` 这段代码首先检查单元格是否在指定的列（例如，第3列），然后根据文件的扩展名加载相应的图标。接着，它创建一个新的矩形区域来绘制图片，并使用Graphics对象将图片绘制到单元格内。完成图片绘制后，代码会在图片右侧适当位置绘制文件名文本。最后，通过设置`e.Handled = true`，通知DataGridView我们已经自定义绘制了该单元格，避免系统再次进行默认绘制。 通过这种方式，我们可以在一个单元格中同时显示文件类型的图标和文件名，从而提高数据的可读性和用户体验。需要注意的是，为了保持界面的整洁，我们需要确保图片和文本的布局合理，以及正确处理可能的文本换行和单元格大小调整。此外，考虑到性能，应尽量缓存图片，避免频繁地从磁盘加载。