在运行时生成图像

Question

我正在尝试在运行时渲染一些 XAML 。 我的 XAML 是在 StringBuilder 中动态构造的。 例如，这里是一个示例：

StringBuilder xaml = new StringBuilder(); 
xaml.Append("<Canvas xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\" "); 
xaml.Append("xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\" Height=\"135\" "); 
xaml.Append("Width=\"210\" Background=\"White\" x:Name=\"Page\">"); 

string url = "http://www.mydomain.com/images/background.png"; 
xaml.Append("<Image Width=\"300\" Height=\"200\" Canvas.Left=\"0\" Canvas.Top=\"0\" "); 
xaml.Append("x:Name=\"bgImage\" Source=\""); 
xaml.Append(url); 
xaml.Append("\" />"); 

xaml.Append("</Canvas>"); 

请注意此示例中的 Image 元素。 如果我将这个 XAML 放在 a.xaml 文件中，它运行正常。 如果我将它粘贴到 Blend 中，它可以正常工作。 但是，我需要等待下载此图像，然后将渲染的 XAML 转换为 a.png。 为此，我使用以下代码：

StringReader stringReader = new StringReader(xaml.ToString()); 
XmlTextReader xmlReader = new XmlTextReader(stringReader); 
FrameworkElement frameworkElement = (FrameworkElement)(XamlReader.Load(xmlReader)); 
Size availableSize = new Size(300, 200); 
frameworkElement.Measure(availableSize); 
frameworkElement.Arrange(new Rect(availableSize)); 

BitmapSource bitmap = RenderToBitmap(frameworkElement); 
PngBitmapEncoder encoder = new PngBitmapEncoder(); 
encoder.Frames.Add(BitmapFrame.Create(bitmap)); 

FileStream fileStream = new FileStream(filename, FileMode.Create); 
encoder.Save(fileStream); 
fileStream.Close(); 

问题是，生成的.png 总是忽略 Image 元素。 我猜是因为没有下载图像源。 如何在运行时从一些 XAML 生成包含图像的图像？

谢谢

Answer 1

为什么不直接在 C# 中生成 object 而不是创建 XAML 然后让运行时解析它？ 这样做有以下好处：

1. 编译时检查您的对象。 你现在这样做的方式可能会因为胖手指等而引入运行时错误。
2. 更快的 object 创建。 直接在 C# 中实例化对象会比解析器快。
3. 更易于维护。 使用格式良好的 C# 与嵌入式 XAML 相比，下一个使用此代码的程序员将更轻松。
4. 可重构。 您可以重构您的 C# 代码以消除重复代码。

Answer 2

可能更容易自己加载图像，然后直接将其分配给生成的图像 object。 从 XAML 创建的 FrameworkElement 具有 Image 实例的 ax:Name，因此您可以轻松找到它，然后直接分配给它。 这样，您可以同步加载图像，而不是在您无法真正控制的后台加载图像时对其进行回复。