Silverlight 4 - Render UIElement als ein Bild

Question

Ich habe eine UIElement, die ich einen Snapshot von einem Benutzer auf eine Schaltfläche klicken möchte. Wenn ein Benutzer auf die Schaltfläche klickt, möchte ich die UIElement übernehmen und den aktuellen Status in ein Image-Element laden. Wie rende ich eine UIElement als Image?

Answer 1

WriteableBitmap wb = new WriteableBitmap(UIElement, new ScaleTransform() { ScaleX = 1, ScaleY = 1 }); 
wb.Invalidate(); 
Image.Source = wb; 

Answer 2

Unter der Annahme, die FrameworkElement Sie wollen ist elementToRender Namen machen und die Image, wo Sie die gerenderte Ausgabe platzieren möchten genannt wird Bild, verwenden Sie den folgenden Code auf Click-Handler Ihre Schaltfläche:

var writeableBitmap = new WriteableBitmap((int)elementToRender.RenderSize.Width, (int)elementToRender.RenderSize.Height); 

writeableBitmap.Render(elementToRender, new ScaleTransform() { ScaleX = 1, ScaleY = 1 }); 
writeableBitmap.Invalidate(); 

image.Source = writeableBitmap; 

Answer 3

Sie können auch folgendes tun:

private void SetImageSourceBasedOnElement(Image image, UIElement element) 
{ 
    if (element != null) 
    { 
     WriteableBitmap writableBitmap = new WriteableBitmap(element, null); 
     writableBitmap.Invalidate(); 

     image.Source = writableBitmap; 
    } 
} 

Answer 4

Letztlich, nein, man kann nicht eine ganze UIElement, einschließlich der Teile machen, die durch Scrollen Überlauf nicht sichtbar sind, usw.

Ich sah in, wie Sie, um dieses mit Reflexion bekommen konnte. Leider können Sie nicht überschreiben, wie UIElement rendert, da es nur ein leichter Wrapper für die interne Klasse XcpImports ist, der wiederum ein Wrapper für verschiedene native Methoden ist, die in Silverlight verwendet werden. Mit anderen Worten, UIElement und wie es gerendert wird, ist vollständig nativ, und somit gibt es keine (einfache) Möglichkeit zu überschreiben, wie es mit Reflektion angezeigt wird.

Wenn Sie den hackischen Ansatz verfolgen wollten, könnten Sie Ihr Element in ein Grid einschließen, es aus diesem Grid entfernen, es in ein anderes Grid einfügen, das die gleiche Größe wie das Element hat - sehen Sie, wohin ich gehe Dies? Aber das wäre ziemlich mühsam und bestenfalls hackisch.