我一直渲染一个未显示在窗口中的用户控件的黑色/空白图像。UserControl 包含 LiveChart 的 CartesianChart 和一些 UIElements。首先,我从SO借用了解决方案:C#图表到使用LiveCharts进行图像 和 Github:Live-Charts/ChartToImageSample.xaml.cs并在运行时生成的简单 UIControl 上应用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 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>
输出空白/黑色图像。只有当我将用户控件添加到 UIControl 中时,该用户控件才会正确呈现为图像(例如canvas.Children.Add(lc)
(。然后,我还尝试了 SO:如何在不创建窗口的情况下将 WPF 用户控件呈现为位图中所述的解决方案,但我得到相同的结果 - 即我需要首先将此用户控件添加到可见的 UIControl,无论我是否在用户控件上执行UpdateLayout
。
为什么呈现第一个示例 (Canvas(,而不是第二个示例 (UserControl(?有什么区别,我该如何解决这个问题?
对我来说,这仅适用于图表以及整个用户控件: (注意:请确保您的用户控件具有可见的背景色,如果背景是透明的,它将呈现为透明,大多数图像查看器显示为黑色(
编辑:好的,如果图表不可见,我想我的解决方案将不起作用。但是,如果您无法让它以其他方式工作,为什么不在新窗口中显示用户控件,保存它并再次关闭该窗口?
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);
}
}
}