【项目实战】如何将接口传过来的html文件通过WPF控件展示在桌面应用程序？

一、核心控件WebBrowser /二、创建页面Window x:ClassWPF.HtmlViewerWindow xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml xmlns:dhttp://schemas.microsoft.com/expression/blend/2008 xmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006 xmlns:localclr-namespace:WPF mc:Ignorabled TitleHtmlViewerWindow Height450 Width800 WebBrowser x:NameWebBrowserControl/ /Window三、实现构造函数public HtmlViewerWindow(string htmlContent) { InitializeComponent(); Loaded (s, e) { string projectResourcesPath Path.Combine(AppDomain.CurrentDomain.BaseDirectory,Resources,resources); string absoluteResourcesPath projectResourcesPath.Replace(\\,/); string correctedHtml htmlContent.Replace(../resource/, $file:///{absoluteResourcesPath}/); WebBrowserControl.NavigateToString(correctedHtml); }; }Comment:InitializeComponent(); //IDE自动生成的方法负责初始化控件Loaded (s,e) {.....}; //控件加载事件的绑定后面是Lambda表达式绑定一个匿名方法Path.Combine(.....); //路径拼接旨在获取加载html文件时所需的资源文件AppDomain.CurrentDomain.BaseDirectory //获取程序运行时的根目录编译Build的时候会将项目里的Resource文件夹放进程序运行时的根目录;Resources,resources //html文件的资源文件是resources,但是作者在项目下单独建了一个Resources文件夹用来统一存放各种资源projectResourcesPath.Replace(\\,/); //Windows路径用反斜杠\,但URL格式用正斜杠/所以需要替换从而避免转义问题htmlContent.Replace(../resource/, $file:///{absoluteResourcesPath}/); //将html里的相对资源路径../resource/替换为之前定义的绝对路径file:///{absoluteResourcesPath}/从而让WebBrowser能找到资源里的图片样式等资源下图就是我的html里相对资源路径的普遍应用所以作者得替换掉不然找不到资源。这部分仅供参考具体还需看读者自己的html文件里的资源路径。​WebBrowserControl.NavigateToString(correctedHtml); //调用WebBrowser控件的NavigateToString()方法让处理过的html字符串加载到控件上进行展示。四、创建公共方法处理html文件调用页面public void OpenHtmlFile(byte[] target) { try { if (target ! null !string.IsNullOrEmpty(Encoding.UTF8.GetString(target))) { string htmlFilePath string.Empty; string preliminaryContextAfterUTF8 Encoding.UTF8.GetString(target); try { byte[] base64ReportBytes Convert.FromBase64String(preliminaryContextAfterUTF8); htmlFilePath Encoding.UTF8.GetString(base64ReportBytes); } catch (FormatException) { htmlFilePath preliminaryContextAfterUTF8; } WFSCommonHelper.ShowHtmlFilePopup(htmlFilePath); } else { MessageBox.Show(HtmlFileNotFound,Error,MessageBoxButton.OK,MessageBoxImage.Error); } } catch (Exception ex) { Exception ext; ExceptionHandler.HandleException(ex, ExceptionHandlingPolicy.UiPolicy, out ext, GetContext()); //自定义异常处理器 } }Comment:由于作者这里会调用两个接口传过来的html文件并且两个接口传过来的html的编码类型不一样一种是原生文本UTF-8字节类型另一种是Base64编码中转字节类型这两种类型经过初步UTF-8解码之后有各自的核心特征第一种用VS的可视化器打开就能看见html/!DOCTYPE等明文标签第二种只能看见开头为PCFET0NUWVBF的规律字符所以处理字节流就有两种方式首先对字节流进行初步的UTF-8解码然后执行如下操作1.尝试将初步UTF-8解码对象再次进行Base64解码得到原始的html的UTF-8数组如果未发生异常证明从接口传过来的是Base64编码中转字节类型就再执行一次UTF-8解码。2.如果进行Base64解码的时候发生了异常就证明从接口传过来的是原生文本UTF-8字节类型只需要一次UTF-8解码。经过上面解码操作之后就能得到完整的html的字符串然后传给自定义的WFSCommonHelper里的ShowHtmlFilePopup方法。此方法用来打开最初定义的页面并设置初始位置、页面大小。具体实现如下public static void ShowHtmlFilePopup(string htmlFilePath) { Popup popup new Popup(); var control new HtmlViewerWindow(htmlFilePath); popup.WindowStartupLocation WindowStartupLocation.CenterScreen; popup.ShowPopup(control, 1250, 765); }效果图Tips:作者定义单独方法来打开HtmlViewWindow页面是因为项目代码架构是这样规定的需要跟架构一致读者可以将HtmlViewWindow的partial类继承至Window类然后可以定义一个HtmlViewWindow的对象并把html字符串传给此对象的实例最后调用此对象的Show()方法也可达到类似效果。所以具体问题具体分析若有错误欢迎读者在评论区指出。