MFC使用 Microsoft Edge Web View2 浏览器控件显示网页

在现代Windows应用开发中，Web技术已经逐渐成为了用户界面设计的重要组成部分。通过使用Microsoft Edge WebView2控件，开发者可以将网页内容嵌入到他们的本地MFC应用程序中。这不仅可以提升用户体验，还可以利用现有的Web资源，实现更加丰富和灵活的功能。

什么是WebView2？

WebView2是微软为Windows提供的一个控件，允许开发者将Web内容嵌入到他们的应用程序中。它基于Microsoft Edge（Chromium），因此可以运行现代的HTML、CSS和JavaScript。WebView2的另一个优势是，它支持最新的Web标准和技术，使得开发者可以使用最新的Web功能。

在MFC应用中使用WebView2

以下是一个简单的使用WebView2控件在MFC应用程序中显示网页的示例。

1. 环境准备

首先，确保你已经安装了WebView2 SDK。可以通过 NuGet 包管理器来安装，以下是命令：

Install-Package Microsoft.Web.WebView2

2. 创建MFC项目

打开Visual Studio，创建一个新的MFC应用程序项目。选择“基于对话框”或“基于单文档”的类型，具体取决于你的需求。

3. 在对话框中添加WebView2控件

在你的对话框资源中添加一个静态控件，作为WebView2的占位符。然后在对话框的对应类中添加WebView2控件的成员变量。

#include <wrl.h>
#include <wil/com.h>
#include <WebView2.h>

// 在对话框类中添加：
class CMyDialog : public CDialogEx
{
    // ... 其他成员函数和变量
    wil::com_ptr<IWebView2WebView> m_webView;
};

4. 初始化WebView2

在对话框的初始化函数中，创建WebView2控件并加载网页。以下是代码示例：

BOOL CMyDialog::OnInitDialog()
{
    CDialogEx::OnInitDialog();

    // 初始化WebView2
    InitializeWebView2();

    return TRUE;  // return TRUE unless you set the focus to a control
}

void CMyDialog::InitializeWebView2()
{
    // 获取控件句柄
    HWND hwndWebView = GetDlgItem(IDC_WEBVIEW2)->GetSafeHwnd();

    // 创建WebView2环境
    CoInitializeEx(nullptr, COINIT_MULTITHREADED);
    CreateCoreWebView2EnvironmentWithOptions(nullptr, nullptr, nullptr,
        Callback<IWebView2CreateCoreWebView2ControllerCompletedHandler>(
            [this, hwndWebView](HRESULT error, IWebView2Controller* controller) -> HRESULT {
                if (error != S_OK) {
                    return error;
                }
                // 将WebView绑定到父窗口
                controller->get_CoreWebView2(&m_webView);
                // 设置大小和位置
                RECT rc;
                GetClientRect(hwndWebView, &rc);
                controller->put_Bounds(rc);
                // 加载网页
                m_webView->Navigate(L"https://www.example.com");
                return S_OK;
            }).Get());
}

5. 处理销毁

在对话框销毁时，释放WebView2资源，确保程序能够正常退出。

void CMyDialog::OnDestroy()
{
    if (m_webView)
    {
        m_webView->Close();
        m_webView = nullptr;
    }
    CDialogEx::OnDestroy();
}

总结

使用WebView2，你可以非常方便地在MFC应用程序中嵌入Web内容。通过上述步骤，我们展示了如何在MFC中实现WebView2控件的基本使用。随着Web技术的发展，WebView2为现代桌面应用程序的开发提供了强大的可能性，使得开发者能够更高效地管理和展示Web内容。希望本示例能够帮助你入门，并激发更多的创意和应用。