Question

我有一个Xamarin.Forms应用程序，仅支持UWP。我需要能够从网上加载pdf文件并在我的应用程序中显示内容。我找不到适用于UWP并处理不属于项目的pdf文件的解决方案。请帮忙。

Answer 1

根据您的要求，您可以参考此code sample来自定义WebView并使用pdf.js宿主Web应用程序加载pdf文件。

[assembly: ExportRenderer(typeof(CustomWebView), typeof(CustomWebViewRenderer))]
namespace DisplayPDF.WinPhone81
{
    public class CustomWebViewRenderer : WebViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);

            if (e.NewElement != null)
            {
                var customWebView = Element as CustomWebView;
                Control.Source = new Uri(string.Format("ms-appx-web:///Assets/pdfjs/web/viewer.html?file={0}", string.Format ("ms-appx-web:///Assets/Content/{0}", WebUtility.UrlEncode(customWebView.Uri))));
            }
        }
    }
}

更新

以这种方式工作。但是pdf应该是项目的一部分。这是否意味着没有办法显示随机文件，例如是从网上下载的？

我回想起过去几个月来我回答的案件。为了显示随机文件，您可以将pdf文件转换为Base64String，然后通过在viewer.js中调用openPdfAsBase64 JS函数来打开它。有关详细信息，请参考此案例reply。

为了更好地理解，我创建了一个代码sample，您可以参考该代码。在使用它之前，您需要将hello.pdf文件放置在LocalState 文件夹中。因为，默认的文件加载路径是LocalState文件夹，但是在开始时它是空的。

PDFViewRenderer.cs

public class PDFViewRenderer :WebViewRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
    {
        base.OnElementChanged(e);
        if (e.NewElement != null)
        {
            Control.Source = new Uri("ms-appx-web:///Assets/pdfjs/web/viewer.html");
            Control.LoadCompleted += Control_LoadCompleted;
        }
    }
    private async void Control_LoadCompleted(object sender, Windows.UI.Xaml.Navigation.NavigationEventArgs e)
    {
        PDFView pdfView = Element as PDFView;
        if (string.IsNullOrEmpty(pdfView?.FileName)) return;
        try
        {
            var Base64Data = await OpenAndConvert(pdfView?.FileName);
            var obj = await Control.InvokeScriptAsync("openPdfAsBase64", new[] { Base64Data });
        }
        catch (Exception ex)
        {
            throw ex;
        }

    }
    private async Task<string> OpenAndConvert(string FileName)
    {
        var folder = ApplicationData.Current.LocalFolder;
        var file = await folder.GetFileAsync(FileName);
        var filebuffer = await file.OpenAsync(FileAccessMode.Read);
        var reader = new DataReader(filebuffer.GetInputStreamAt(0));
        var bytes = new byte[filebuffer.Size];
        await reader.LoadAsync((uint)filebuffer.Size);
        reader.ReadBytes(bytes);
        return Convert.ToBase64String(bytes);
    }
}

PDFView.cs

public class PDFView : WebView
{
    public PDFView()
    {

    }
    public static readonly BindableProperty FileNameProperty = BindableProperty.Create(
    propertyName: "FileName",
    returnType: typeof(string),
    declaringType: typeof(PDFView),
    defaultValue: default(string));

    public string FileName
    {
        get { return (string)GetValue(FileNameProperty); }
        set { SetValue(FileNameProperty, value); }
    }
}

用法

<Grid>
    <local:PDFView FileName="hello.pdf"/>
</Grid>

请注意，您需要使用此openPdfAsBase64方法添加的viewer.js。

在Xamarin.Forms UWP

1 个答案: