Convert a Grid element to Image in WPF

Question

I have a code snippet which is currently returned as Grid.

private Grid GetImage(PlacemarkList locationDetail)
{
    Grid gridPushPin = new Grid();
    ImageBrush img = new ImageBrush();
    img.ImageSource = locationDetail.preferredCashback.Equals("1") ? new BitmapImage {         
                           UriSource = Constants.CashbackIconUri,
                           DecodePixelWidth = 36, 
                           DecodePixelHeight = 59 
                       } : new BitmapImage {
                           UriSource = Constants.ATMIconUri, 
                           DecodePixelWidth = 36, DecodePixelHeight = 59
                       };
    TextBlock IndexText = new TextBlock();
    IndexText.TextAlignment = TextAlignment.Center;
    IndexText.Text = locationDetail.IndexNum.ToString();
    gridPushPin.Background = img;
    gridPushPin.Tag = locationDetail.bankAddress;
    gridPushPin.Tap += grid_Tap;
    return gridPushPin;
}

But I want to return the Grid as a Image(Convert the Grid I am generating to Image). Can anybody please help how to accomplish that.

not screenshot, I want to use it against content of another control which takes only ImageBrush. — Subhamoy, Jul 28 '14 at 11:47
What kind of control *only* takes an `ImageBrush`? Surely it can take any `Brush`. Then you could use a [`VisualBrush`](http://msdn.microsoft.com/en-us/library/system.windows.media.visualbrush(v=vs.110).aspx). — Sheridan, Jul 28 '14 at 11:48
Sorry @Sheridan it takes Brush. So I want to convert my Grid to brush — Subhamoy, Jul 28 '14 at 11:50
What about `ImageBrush returnedImage = gridPushPin.Background as ImageBrush;`? — iop, Jul 28 '14 at 12:02
@iop That doesn't help, I am adding some texts in the Grid which won't be available in that way,. — Subhamoy, Jul 28 '14 at 12:06
@Subhamoy Probably you should wrap your grid within something like a helper class and use this as data transport. — iop, Jul 28 '14 at 12:41

score 2 · Answer 1 · answered Jul 28 '14 at 11:54

2

You can use a VisualBrush to paint a copy of any UIElement onto any other. How about something like this:

<Rectangle Width="150" Height="150">
    <Rectangle.Fill>
        <VisualBrush Visual="{Binding ElementName=NameOfYourGrid}" />
    </Rectangle.Fill>
</Rectangle>

answered Jul 28 '14 at 11:54

Sheridan

68,826
24
143
183

Is there anyway I could achieve it through code behind? – Subhamoy Jul 28 '14 at 11:57
thanks..I just checked...I am using using Windows Phone 8.. :( where VisualBrush doesn't work... – Subhamoy Jul 28 '14 at 12:04
Then you should add that important tag to your question. – Sheridan Jul 28 '14 at 12:10

score 0 · Answer 2 · edited May 23 '17 at 12:10

0

Hey did you check this subject. I think what you need is here.

How do I save all content of a WPF ScrollViewer as an image

edited May 23 '17 at 12:10

Community

1
1

answered Jul 28 '14 at 15:04

Ugur

1,257
2
20
30

score 0 · Answer 3 · answered Jul 28 '14 at 15:11

public class MyWrapperClass
{
    private DataGrid dataGrid;

    public MyWrapperClass(DataGrid grid)
    {
        this.dataGrid = grid;

    }

    public DataGrid MyGrid
    {
        get
        {
            return this.grid;
        }

        set
        {
            this.grid = value;
        }
    }

    public ImageBrush MyImageBrush
    {
        get 
        { 
            this.grid.Background as ImageBrush;
        }

        set 
        { 
            this.grid.Background = value; 
        }
    }
}

score -1 · Answer 4 · edited May 23 '17 at 10:33

-1

You are creating a Grid, so you will return a Grid.

Create an image instead. Something like:

Image image = new Image();
image.Source = "myImageURL";

This is from memory so actual code may vary depending on what you need to do exactly.

Basically the Source of the image needs to be set similarly to how you're setting ImageSource in your current code, but you may opt to use pack URLs to use an image stored as a resource instead.

Edit after clarifications in comments: So you want to get the grid control as an image. This answer should help.

edited May 23 '17 at 10:33

Community

1
1

answered Jul 28 '14 at 11:47

Gigi

28,163
29
106
188

Actually there are couple of things I am doing in my grid(adding a index text) thats why I need a grid. I have modified my question – Subhamoy Jul 28 '14 at 11:51
OK, so you basically want a sort of screenshot of the grid? – Gigi Jul 28 '14 at 12:22
Yes, sort of but I am not very sure screenshot will be exactly as the grid or not. – Subhamoy Jul 28 '14 at 12:25
We can't help you if you don't explain what exactly it is that you need to do. – Gigi Jul 28 '14 at 12:27
I want to get the screenshot only..Can you help me how could I get it? – Subhamoy Jul 28 '14 at 12:32

Convert a Grid element to Image in WPF

4 Answers4