顯示資源地圖圖像

Question

在這種link

它向我們展示瞭如何使用這兩個文本，並通過使用ResourceMap的圖像的內容分享出來的HTML。

但是相應的article沒有向我們展示如何正確讀取它並將其放入webview中。

我知道如何獲取資源地圖，但我不知道如何最好地將它放入WebView。

this.sharedResourceMap = await this.shareOperation.Data.GetResourceMapAsync(); 
foreach (KeyValuePair<string, RandomAccessStreamReference> item in this.sharedResourceMap) 
{ 
    ResourceMapValue.Text += "\nKey: " + item.Key; 
} 

Item.Key將會像ms-appx:///Assets/Logo.png

Answer 1

你應該充分利用類IUriToStreamResolver。

在下面的示例中，我加載位於Assets文件夾中的HTML文件（example.html）。 Assets文件夾還包含HTML文件的所有圖像。 應該覆蓋GetContent方法IUriToStreamResolver以將任何請求轉換爲HTML文件中指定的URI（如）轉換爲本地URI路徑。在你的情況下，你可能需要調整GetContent以檢索你的資源地圖存儲的文件。

public sealed partial class WebViewLocalImage : Page 
{ 
    public WebViewLocalImage() 
    { 
     this.InitializeComponent(); 
     Loaded += MainPage_Loaded; 
    } 

    private void MainPage_Loaded(object sender, RoutedEventArgs e) 
    { 
     var uri = this.myWebView.BuildLocalStreamUri("InternalAssets", "example.html"); 
     this.myWebView.NavigateToLocalStreamUri(uri, new StreamUriResolver()); 
    } 
} 

public sealed class StreamUriResolver : IUriToStreamResolver 
{ 
    public IAsyncOperation<IInputStream> UriToStreamAsync(Uri uri) 
    { 
     string path = uri.AbsolutePath; 
     return GetContent(path).AsAsyncOperation(); 
    } 

    private async Task<IInputStream> GetContent(string URIPath) 
    { 
     try 
     { 
      Uri localUri = new Uri("ms-appx:///Assets/" + URIPath); 
      StorageFile f = await StorageFile.GetFileFromApplicationUriAsync(localUri); 
      IRandomAccessStream stream = await f.OpenAsync(FileAccessMode.Read); 
      return stream.GetInputStreamAt(0); 
     } 
     catch (Exception) 
     { 
      System.Diagnostics.Debug.WriteLine("Invalid URI"); 
     } 
     return null; 
    } 
}