【实用技能】如何在 WPF 中嵌入 DotNetBrowser？-控件新闻-慧都网

【实用技能】如何在 WPF 中嵌入 DotNetBrowser？

翻译|使用教程|编辑：吉伟伟|2024-11-20 16:44:46.137|阅读 4 次

概述：在本文中，我们将引导您完成将 DotNetBrowser 集成到 WPF 项目的步骤。

DotNetBrowser是一个.NET库，允许将基于Chromium的WPF和WinForms组件嵌入到.NET应用程序中，以显示使用HTML5，CSS3，JavaScript，Silverlight等构建的现代网页。

由于其灵活性，Windows Presentation Foundation (WPF) 仍然是开发桌面应用程序的广泛使用的框架。随着应用程序的发展，在 WPF 中集成现代 Web 内容已变得至关重要。.NET 库 DotNetBrowser 通过允许开发人员在 WPF 应用程序中嵌入基于 Chromium 的浏览器来满足这一需求。这使得可以在 .NET 桌面应用程序中本地显示和与 Web 内容交互。

在本文中，我们将引导您完成将 DotNetBrowser 集成到 WPF 项目的步骤。

为什么选择DotNetBrowser？

WPF 已经非常适合构建丰富的用户界面，但是如果您的应用需要与动态 Web 内容交互或显示交互式 HTML5 功能，该怎么办？DotNetBrowser 真正证明了它的价值。凭借基于 Chromium 的引擎，DotNetBrowser 可以：

确保与现代网络标准完全兼容，包括 HTML5、JavaScript 和 CSS3。
无缝集成到 WPF，使开发人员能够专注于 UI 和交互，而不是管理浏览器的复杂性。
实施沙盒和安全协议，以在处理 Web 内容时维护应用程序的安全。

入门

让我们深入了解将 DotNetBrowser 与 WPF 项目集成的过程。首先在 Visual Studio 中创建一个新的 WPF 项目：

打开 Visual Studio 并选择创建新项目。
根据您的偏好，选择“WPF 应用程序（.NET Core）”或“WPF 应用程序（.NET Framework）”。
为您的项目命名Examples.Wpf并单击“创建”。

通过 NuGet 安装 DotNetBrowser：

在解决方案资源管理器中右键单击您的项目并选择“管理 NuGet 包”。
在“浏览”选项卡中，搜索DotNetBrowser.Wpf包并安装。这也将自动包含所有必要的依赖项。
安装后，您可以检查packages.config或Project.csproj 文件以确认已成功添加。

将 DotNetBrowser 添加到您的 WPF 应用程序：

现在您已经安装了 DotNetBrowser，让我们将其嵌入到您的 WPF 窗口中。在您的MainWindow.xaml文件中，添加一个WPF:BrowserView控件来托管浏览器：

<Window
    xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="//schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="//schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="//schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:WPF="clr-namespace:DotNetBrowser.Wpf;assembly=DotNetBrowser.Wpf"
    x:Class="Examples.Wpf.MainWindow"
    mc:Ignorable="d"
    Title="MainWindow" Height="480" Width="800" Closed="Window_Closed">
    <Grid>
        <WPF:BrowserView Name="browserView" />
    </Grid>
</Window>

接下来，转到MainWindow.xaml.cs文件并创建引擎和浏览器实例：

using System;
using System.Windows;
using DotNetBrowser.Browser;
using DotNetBrowser.Engine;

namespace Examples.Wpf
{
    public partial class MainWindow : Window
    {
        private const string Url = "//html5test.teamdev.com/";
        private readonly IBrowser browser;
        private readonly IEngine engine;

        public MainWindow()
        {
            // Start the Chromium main process.
            EngineOptions engineOptions = new EngineOptions.Builder
            {
                RenderingMode = RenderingMode.HardwareAccelerated,
                LicenseKey = “license key”
            }.Build();
            engine = EngineFactory.Create(engineOptions);

            browser = engine.CreateBrowser();

            InitializeComponent();

            // Connect the BrowserView control with the actual browser.
            browserView.InitializeFrom(browser);
            browser.Navigation.LoadUrl(Url);
        }

        private void Window_Closed(object sender, EventArgs args)
        {
            browser?.Dispose();
            engine?.Dispose();
        }
    }
}

现在，您可以运行该应用程序。启动后，您将看到浏览器已成功嵌入到您的窗口中，并显示指定的 Web 内容。

DotNetBrowser 的优点

WPF 项目中的 DotNetBrowser 集成提供了一系列技术功能：