Windows商店应用程序异步xaml渲染

我试图在可缩放ScrollViewer中加载矢量图像，在我的笔记本电脑上效果很好，但放大/缩小时平板电脑上的图像非常缓慢。在图像渲染过程中，UI被冻结。Windows商店应用程序异步xaml渲染

我的图像是用Inkscape从svg转换成xaml文件的。（〜2.37 MB）

C＃

public MainPage() 
{ 
    this.InitializeComponent(); 

    this.Loaded += MainPage_Loaded; 

} 

async void MainPage_Loaded(object sender, RoutedEventArgs e) 
{ 
    string fileContent; 
    StorageFile file = await StorageFile.GetFileFromApplicationUriAsync(new Uri(@"ms-appx:///Images/plan.xaml")); 
    using (StreamReader sRead = new StreamReader(await file.OpenStreamForReadAsync())) 
      fileContent = await sRead.ReadToEndAsync(); 

    var xamlRead = XamlReader.Load(fileContent) as Canvas; 

    ImgMainGrid.Height = xamlRead.Height; 
    ImgMainGrid.Width = xamlRead.Width; 
    ImgMainGrid.Children.Add(xamlRead); 
}

XAML

<ScrollViewer Grid.Row="1" x:Name="scrl" ZoomMode="Enabled" HorizontalScrollMode="Enabled" VerticalScrollMode="Enabled" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" MinZoomFactor="1"> 
    <Grid x:Name="ImgMainGrid" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
</ScrollViewer>

我怎样才能使画布背景是什么？（不会阻止用户界面）。如果这是不可能的，我如何处理这个渲染来渲染时添加一个ProgressBar？

来源

2014-10-06 alvinmeimoun

你能提供更多的C＃代码吗？具体来说，你什么时候调用它（在一个事件处理程序？等） - 会让我们知道你是否在UI线程上运行它，这是延迟的常见原因。 – rikkit 2014-10-06 14:26:50

编辑的第一篇文章提供更多的C＃代码 – alvinmeimoun 2014-10-06 14:33:08

所以我的答案将基本上与JaredPar在这个问题中的相同：http://stackoverflow.com/questions/5395264/xamlreader-load-in-a-background-thread-is-它 - 可能 - 您的平板电脑不足以执行此操作（带有2MB文件的XamlReader.Load）而无延迟。不幸的是，必须在UI线程上使用XamlReader.Load。您可以尝试减少矢量的细节，或者可能有第三方替代此问题的地方。 – rikkit 2014-10-06 14:39:11

这不是这个问题的真正答案，而是临时解决方案。

首先用inkscape打开svg文件并将其放大到一个很大的分辨率（我尝试了3500 * 4000），然后导出到xaml。（这种方法通过保持较小的文件尺寸来放大图像）。

在C＃代码中添加xamlRead.CacheMode = new BitmapCache();，这将使用导出的大小将图像从矢量渲染到位图。

最后，它就像是使用较小文件大小的非常大的PNG/JPEG图像一起工作。使用矢量图像的所有其他兴趣都将丢失。但结果是公平的。

来源

2014-10-08 07:50:34 alvinmeimoun

我认为目前不可能异步渲染 – alvinmeimoun 2014-12-23 15:03:09

Windows商店应用程序异步xaml渲染

回答

相关问题