Question

我的任务是获取现有的透明.png图像列表（当前位于ImageList中）并在基于ImageID列的WPF DataGrid中显示它们。

我已按如下方式设置DataGridColumn：

    _dataTemplateColumn = new DataGridTemplateColumn();
    _dataTemplateColumn.Header = "";
    FrameworkElementFactory _factory = new FrameworkElementFactory(typeof(Image));
    Binding _binding = new Binding("Image");
    _binding.Mode = BindingMode.TwoWay;
    _factory.SetValue(Image.SourceProperty, _binding);
    DataTemplate _cellTemplate = new DataTemplate();
    _cellTemplate.VisualTree = _factory;
    _dataTemplateColumn.CellTemplate = _cellTemplate;

    Style _style = new Style();
    _style.Setters.Add(new Setter(BackgroundProperty, Brushes.Transparent));
    _dataTemplateColumn.CellStyle = _style;

然后我在运行时创建一个自定义对象，包括我的图像，并在Image上运行以下两个方法，第一个调整它的大小，第二个将它转换为Bitmap而不是BitmapImage（这是唯一的格式我到目前为止已设法使其在WPF中工作）：

    public static Bitmap ResizeImage(this Bitmap Bitmap, Size size)
    {
        try
        {
            Bitmap _bitmap = new Bitmap(size.Width, size.Height);
            using (Graphics _graphic = Graphics.FromImage((Image)_bitmap))
            {
                _graphic.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
                _graphic.DrawImage(Bitmap, 0, 0, size.Width, size.Height);
            }
            _bitmap.MakeTransparent(Color.Magenta);

            return _bitmap;
        }
        catch (Exception ex)
        {
            throw ex;
        }
    }

    public static Bitmap ToBitmap(this BitmapImage BitmapImage)
    {
        using (MemoryStream _stream = new MemoryStream())
        {
            BitmapEncoder _encoder = new BmpBitmapEncoder();
            _encoder.Frames.Add(BitmapFrame.Create(BitmapImage));
            _encoder.Save(_stream);
            System.Drawing.Bitmap _bitmap = new System.Drawing.Bitmap(_stream);
            _bitmap.MakeTransparent(Color.Magenta);
            return new Bitmap(_bitmap);
        }
    }

图像在DataGrid中以正确的大小和位置显示，但透明度不会从.png格式保留。如果有人知道一个更好的方法（例如，将图像首先放入资源文件中更正确吗？）或者在我当前的代码中使透明度工作的方法，那将是非常感激的！

Answer 1

以下示例让您了解它的外观：

XAML：

<Window ...>
    <Window.Resources>
        <DataTemplate x:Key="ImageCellTemplate">
            <Image Source="{Binding Image}" Width="100"/>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <DataGrid x:Name="dataGrid" AutoGenerateColumns="False"/>
    </Grid>
</Window>

代码：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        var col = new DataGridTemplateColumn();
        col.CellTemplate = (DataTemplate)Resources["ImageCellTemplate"];

        dataGrid.Columns.Add(col);

        foreach (var file in Directory.EnumerateFiles(@"C:\Users\Public\Pictures\Sample Pictures", "*.jpg"))
        {
            dataGrid.Items.Add(new DataItem { Image = file });
        }
    }
}

public class DataItem
{
    public string Image { get; set; }
}

在WPF DataGrid中显示透明图像

1 个答案: