Question

我正在制作各种尺寸的UI元素（WPF）截图，我可以使用“RenderTargetBitmap”来实现这一点。但是UIElement部分的Adorner没有到来我应该怎么做才能实现这一点。任何参考或代码片段？

Answer 1

据我所知，元素没有直接引用他们的装饰者。虽然adorners会通过AdornedElement引用他们的元素，因此您可以搜索分配给您的元素的装饰者：

var layer = AdornerLayer.GetAdornerLayer(element);
var adorners = layer.GetVisualChildren().Cast<Adorner>().Where(a => a.AdornedElement == element);

此处GetVisualChildren是一种扩展方法，定义为：

public static IEnumerable<DependencyObject> GetVisualChildren(this DependencyObject current) {
    return Enumerable.Range(0, VisualTreeHelper.GetChildrenCount(current)).Select(i => VisualTreeHelper.GetChild(current, i));
}

装饰件的大小似乎包含装饰元素的大小（虽然我不确定是否总是如此），所以如果只有一个装饰，那就是你的截图大小。如果有多个装饰器，则需要找到每个装订（左，上，右，下）的最大值来计算屏幕截图区域。

您需要捕获AdornerDecorator，其中包含正在装饰的元素和上面代码中的AdornerLayer（layer）。那将是图层的可视父级：

var container = VisualTreeHelper.GetParent(layer) as Visual;

获得容器后，可以使用RenderTargetBitmap呈现容器并将其裁剪到屏幕截图区域。

对于屏幕截图区域，您需要相对于容器的元素边界。首先，得到非相对界限：

var elementBounds = element.RenderTransform.TransformBounds(new Rect(element.RenderSize));

然后获取相对于容器的那些边界：

var relativeElementBounds = element.TransformToAncestor(container).TransformBounds(elementBounds);

正如我上面提到的，你需要为元素及其每个装饰器执行此操作，并将最大边界组合成一个最终的Rect，它足够大，可以包含所有这些。

最后，使用CroppedBitmap获取RenderTargetBitmap的裁剪版本：

var croppedBitmap = new CroppedBitmap(renderTargetBitmap, new Int32Rect(left, top, width, height));

CroppedBitmap和RenderTargetBitmap都继承自BitmapSource，因此您应该能够以同样的方式保存它。

Answer 2

您可以使用本机WPF打印名称空间打印到XPS文件，这将在结果中包含装饰器（我已成功测试）...

using System.Windows.Controls;
private void ExecutePrintCommand(object obj)
{
    PrintDialog printDialog = new PrintDialog();
    if (printDialog.ShowDialog() == true)
    {
        printDialog.PrintVisual(_mainWindow, "Main Window with Adorner");
    }
}

如果您不想使用PrintDialog（实际打开一个对话框）。您可以使用XpsDocumentWriter类以编程方式控制该过程。为此启用的代码段是......

     XpsDocumentWriter xpsdw = PrintQueue.CreateXpsDocumentWriter(q);
     xpsdw.Write(viewer.Document);

...这是从这里提取的：Print FixedDocument programmatically如果这是您的要求的一部分，还有更多关于微调过程的文章。请注意，XPS文件实际上是伪装成'xps'文件的'zip'文件，因此您可以通过更改扩展名来解压缩它以查看内容是否有用。

其次，我测试了使用此代码在TextBox上保存带有装饰器的窗口...

    private void SaveWithAdorner()
    {
        RenderTargetBitmap rtb = RenderVisaulToBitmap(_mainWindow, 500, 300);
        MemoryStream file = new MemoryStream();
        BitmapEncoder encoder = new PngBitmapEncoder();
        encoder.Frames.Add(BitmapFrame.Create(rtb));
        encoder.Save(file);
        using (FileStream fstream = File.OpenWrite("Myimage.jpg"))
        {
            file.WriteTo(fstream);
            fstream.Flush();
            fstream.Close();
        }
    }

......效果很好。即，装饰者出现在带有红色边框的保存位图中。这可能与您的代码不同，因为我使用Png编码器（但保存到'jpg'文件）。

虽然我已成功测试了这两种方法，但您需要在硬件上进行检查。

最后，作为最后的选择，您可以停用WPF的硬件渲染模式并将其设置为软件渲染......

RenderOptions.ProcessRenderMode = RenderMode.SoftwareOnly;

...这里有一个很好的SO帖子：Software rendering mode - WPF

Answer 3

就我而言，我所需要的只是调用 AdornerLayer 类：

    public void GetScreenshotWithAdorner(Canvas canvas, string filename)
    {
      AdornerLayer adornerlayer = AdornerLayer.GetAdornerLayer(canvas);

      RenderTargetBitmap rtb = new RenderTargetBitmap(
        (int)canvas.ActualWidth,
        (int)canvas.ActualHeight,
        96, //dip X
        96, //dpi Y
        PixelFormats.Pbgra32);
      rtb.Render(canvas); //renders the canvas screen first...
      rtb.Render(adornerlayer); //... then it renders the adorner layer

      SaveRTBAsPNG(rtb, filename);
    }

    private void SaveRTBAsPNG(RenderTargetBitmap bmp, string filename)
    {
      PngBitmapEncoder pngImage = new PngBitmapEncoder();

      pngImage.Frames.Add(BitmapFrame.Create(bmp));
      using (var filestream = System.IO.File.Create(filename))
      {
        pngImage.Save(filestream);
      }
    }

如果您想在画布中包含所有装饰器，则此功能正常。

使用装饰器复制UI元素

3 个答案: