Save a Grid and elements in it as a jpeg image - WinRT

Question

I am stuck in my app. I have a grid with some elements in it. These elements are buttons, images and other controls like stackpanel and nested grids. I want to save what appears to the user as image on click of a button, but i dont know how to proceed on this.

Can I write elements like grid and buttons onto a writable bitmap? Or is there some other way?

In short I want to take a screen shot of my app screen when the user clicks the button. Please help.

score 1 · Answer 1 · edited May 23 '17 at 11:56

1

Unfortunately, it's not possible at this point. As @FilipSkakun mentions in a response here, you might be able to get part of the way depending on your requirements.

edited May 23 '17 at 11:56

Community

1
1

answered Apr 10 '13 at 06:57

Jim O'Neil

23,344
7
42
67

score 1 · Answer 2 · answered Jan 03 '14 at 22:41

This has changed a bit in Windows 8.1 and can be accomplished using a RenderTargetBitmap. RenderTargetBitmap.RenderAsync(UIElement) will allow you to get the pixels for any element, including a page.

Here's an example that will save a PNG to a file specified using a FileSavePicker.

var filePicker = new FileSavePicker();
var file = await filePicker.PickSaveFileAsync();
var renderTargetBitmap = new RenderTargetBitmap();

using (var stream = await file.OpenAsync(FileAccessMode.ReadWrite))
{
    var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.PngEncoderId, stream);
    await renderTargetBitmap.RenderAsync(this);
    var pixelBuffer = await renderTargetBitmap.GetPixelsAsync();
    var pixelBytes = pixelBuffer.ToArray();

    encoder.SetPixelData(
        BitmapPixelFormat.Bgra8, 
        BitmapAlphaMode.Ignore, 
        (uint)renderTargetBitmap.PixelWidth, 
        (uint)renderTargetBitmap.PixelHeight, 
        96.0, 
        96.0, 
        pixelBytes);

    await encoder.FlushAsync();
}

score 0 · Answer 3 · answered Apr 10 '13 at 07:03

0

You can convert any UIElement into Jpeg image using the following option in Windows Phone 8.

var bitmap = new WriteableBitmap(element,null);

using (MemoryStream s = new MemoryStream())
{
     bitmap.SaveJpeg(s, (int)ContentPanel.Width, (int)ContentPanel.Height, 0, 100);
}

I hope it will be helpful to you.

answered Apr 10 '13 at 07:03

David Bekham

2,175
3
27
56

Surely it will work for Windows Phone 8.. You can check and let me know if you still facing any problems in this. – David Bekham Apr 23 '13 at 06:24
Well, I think you should test on WinRT. – Jerry Nixon Apr 23 '13 at 16:23
@DavidBekham WriteableBitmap is different in WinRT. It doesn't have a SaveJpeg method. – Walt Ritscher May 16 '13 at 19:03

score 0 · Accepted Answer · answered Apr 19 '13 at 15:27

0

Taking "screenshots" of winrt apps, or just controls is not possible on WinRt. Not implemented, and right now they don't plan on doing it.

answered Apr 19 '13 at 15:27

Miiite

1,517
10
16

Save a Grid and elements in it as a jpeg image - WinRT

4 Answers4

Linked