Создать изображение из XAML View

Question

Я хотел бы генерировать некоторые изображения динамически. Для этого я собираюсь создать представление XAML, заполнить его данными (используя DataBinding), а затем сгенерировать изображение из рендеринга этого представления (вид скриншота).

Есть ли способ сделать это в Silverligth или WPF?

Answer 1

В WPF:

public static Image GetImage(Visual target)
{
    if (target == null)
    {
        return null; // No visual - no image.
    }
    var bounds = VisualTreeHelper.GetDescendantBounds(target);

    var bitmapHeight = 0;
    var bitmapWidth = 0;

    if (bounds != Rect.Empty)
    {
        bitmapHeight = (int)(Math.Floor(bounds.Height) + 1);
        bitmapWidth = (int)(Math.Floor(bounds.Width) + 1);
    }

    const double dpi = 96.0;

    var renderBitmap =
        new RenderTargetBitmap(bitmapWidth, bitmapHeight, dpi, dpi, PixelFormats.Pbgra32);

    var visual = new DrawingVisual();
    using (var context = visual.RenderOpen())
    {
        var brush = new VisualBrush(target);
        context.DrawRectangle(brush, null, new Rect(new Point(), bounds.Size));
    }

    renderBitmap.Render(visual);

    return new Image
    {
        Source = renderBitmap,
        Width = bitmapWidth,
        Height = bitmapHeight
    };
}

Answer 2

Используйте WriteableBitmap и его Render функцию в Silverlight.

В WPF используйте этот трюк с помощью RenderTargetBitmap и его функция Render

Answer 3

Вы можете добавить элементы управления (данные после того, как они связаны данными), которые вы хотите захватить, в ViewBox - http://www.wpftutorial.net/ViewBox.html

Оттуда вы можете создать изображение с помощью WriteableBitmap - http://msdn.microsoft.com/en-us/library/system.windows.media.imaging.writeablebitmap%28VS.95%29.aspx