Question

我一直在渲染未在窗口中显示的UserControl的黑白图像。 UserControl包含LiveChart的CartesianChart和少量UIElement。首先，我从SO: C# chart to image with LiveCharts 和Github: Live-Charts/ChartToImageSample.xaml.cs借用了解决方案，并将SaveToPng和EncodeVisual应用于运行时生成的简单UIControl（未添加或未在窗口中显示），可以正常工作。 >

Canvas control = new Canvas() { Width=100, Height=100, Background = new SolidColorBrush(Colors.Pink)};
control.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
control.Arrange(new Rect(0, 0, control.DesiredSize.Width, control.DesiredSize.Height));
control.UpdateLayout();
SaveToPng(control, @"C:\Foo.png");

private void SaveToPng(FrameworkElement visual, string fileName)
{
    PngBitmapEncoder encoder = new PngBitmapEncoder();
    EncodeVisual(visual, fileName, encoder);
}

private static void EncodeVisual(FrameworkElement visual, string fileName, BitmapEncoder encoder)
{
    RenderTargetBitmap bitmap = new RenderTargetBitmap((int)visual.ActualWidth, (int)visual.ActualHeight, 96, 96, PixelFormats.Pbgra32);
    bitmap.Render(visual);
    BitmapFrame frame = BitmapFrame.Create(bitmap);
    encoder.Frames.Add(frame);
    using (FileStream stream = File.Create(fileName)) encoder.Save(stream);
}

但是当我将相同的逻辑应用于UserControl

UserControl control = new UserControl(params)
// canvas.Children.Add(control);  <-- if comment out, output blank/black image
control.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
control.Arrange(new Rect(0, 0, control.DesiredSize.Width, control.DesiredSize.Height));
foreach (CartesianChart cc in FindVisualChildren<CartesianChart>(control))
{
    cc.Update(true, true); //force chart redraw
}
control.UpdateLayout();
SaveToPng(control, @"C:\Foo.png");

<!-- UserControl XAML -->
<UserControl>
   <Grid>
      <Border>
         <Grid>
            <Label></Label>
            <Label></Label>
            <Label></Label>
            <CartesianChart DisableAnimations="True"></CartesianChart>
         </Grid>
      </Border>
   </Grid>
</UserControl>

输出空白/黑色图像。而且只有当我将UserControl添加到存在于窗口/ XAML中且在窗口/ XAML中可见的UIControl中时，UserControl才能正确呈现到图像（例如canvas.Children.Add(lc)）。然后，我也尝试了SO: How to render a WPF UserControl to a bitmap without creating a window中描述的解决方案，但得到的结果相同-也就是说，无论是否对UserControl执行UpdateLayout，我都需要先将此UserControl添加到可见的UIControl中。 / p>

为什么第一个示例（画布）被渲染，而第二个示例（UserControl）却没有渲染？有什么区别，我该如何解决？

Answer 1

对我来说，这仅适用于图表以及整个用户控件：（请注意：请确保您的用户控件具有可见的背景颜色，如果背景是透明的，则它将变为透明，大多数图像查看器都显示为黑色）

编辑：好的，我想如果图表不可见，我的解决方案将无法工作。但是，如果不能使其正常工作，为什么不在新窗口中显示用户控件，将其保存并再次关闭该窗口呢？

    public static BitmapSource RenderChartAsImage(FrameworkElement chart)
    {
        RenderTargetBitmap image = new RenderTargetBitmap((int)chart.ActualWidth, (int)chart.ActualHeight,
                                                            96, 96, PixelFormats.Pbgra32);
        image.Render(chart);
        return image;
    }

    public static void SaveChartImage(FrameworkElement chart)
    {
        System.Windows.Media.Imaging.BitmapSource bitmap = RenderChartAsImage(chart);

        Microsoft.Win32.SaveFileDialog saveDialog = new Microsoft.Win32.SaveFileDialog();
        saveDialog.FileName += "mychart";
        saveDialog.DefaultExt = ".png";
        saveDialog.Filter = "Image (*.png)|*.png";

        if (saveDialog.ShowDialog() == true)
        {
            using (FileStream stream = File.Create(saveDialog.FileName))
            {
                System.Windows.Media.Imaging.PngBitmapEncoder encoder = new System.Windows.Media.Imaging.PngBitmapEncoder();
                encoder.Frames.Add(System.Windows.Media.Imaging.BitmapFrame.Create(bitmap));
                encoder.Save(stream);
            }
        }
    }

从具有LiveChart的UserControl渲染图像

1 个答案: