QML 中的 WebView 模塊是用于在應用程序中嵌入 Web 內容的模塊。它提供了一個 WebView 組件，可以通過載入 URL 或 HTML 內容來顯示 Web 頁面。

以下是一個簡單的示例：

import QtQuick 2.0
import QtWebView 1.0

Item {
    WebView {
        url: "http://www.example.com"
        anchors.fill: parent
    }
}

這個示例使用了 WebView 組件來顯示 example.com 的網頁內容。在組件中設置了 url 屬性來指定要顯示的頁面。anchors.fill: parent 則將 WebView 組件填充到父級元素的大小中。

除了加載 URL 外，WebView 還支持加載 HTML 內容、JavaScript 和 CSS，并提供了一些其他的選項和屬性來控制頁面的呈現和交互。

要在 C++ 代碼中控制 QML 中的 WebView 模塊的顯示和隱藏，可以使用信號和槽（signals and slots）機制來實現。

首先，在 QML 中為 WebView 添加一個 visible 屬性，并將其綁定到一個 C++ 的槽函數，如下所示：

import QtWebView 1.1
?
WebView {
   id: myWebView
   visible: webViewVisible // 綁定 visible 屬性到 C++ 槽函數
}

然后，在 C++ 代碼中，創建一個帶有 Q_PROPERTY 的類，用于控制 WebView 的可見性。例如：

class WebViewManager : public QObject
{
   Q_OBJECT
   Q_PROPERTY(bool visible READ isVisible WRITE setVisible NOTIFY visibilityChanged)
?
public:
   explicit WebViewManager(QObject *parent = nullptr)
     : QObject(parent)
     , m_webView(new QQuickWidget)
   {
     // 設置 QQuickWidget 的屬性...
   }
?
   bool isVisible() const { return m_visible; }
?
public slots:
   void setVisible(bool visible)
   {
     if (m_visible != visible) {
       m_visible = visible;
       emit visibilityChanged(m_visible);
     }
   }
?
signals:
   void visibilityChanged(bool visible);
?
private:
   QQuickWidget *m_webView;
   bool m_visible = true;
};

在上述代碼中，WebViewManager 類包含一個 visible 屬性，以及相應的讀寫方法和通知信號。在 setVisible() 槽函數中，我們檢查傳入的 visible 參數是否與當前的可見性狀態不同，如果是，則更新狀態并發出 visibilityChanged 信號。

最后，在應用程序的其他部分，可以創建一個 WebViewManager 的實例，并將其綁定到 QML 中的 WebView 模塊：

// 創建 WebViewManager 實例...
WebViewManager webViewManager;
?
// 將 WebViewManager 實例綁定到 QML 中的 WebView 模塊
QQmlEngine engine;
QQmlComponent component(&engine, "myqml.qml");
QQuickItem *item = qobject_cast(component.create());
QObject::connect(&webViewManager, &WebViewManager::visibilityChanged, item, [item](bool visible) {
   item->setProperty("webViewVisible", visible);
});
?
// 顯示 QML 界面...

在上述代碼中，首先創建了一個 WebViewManager 的實例，并將其連接到 QML 中的 WebView 模塊。然后，使用 QQmlComponent 類加載 QML 文件，并獲取 QQuickItem 對象，該對象代表在 QML 文件中創建的 WebView。最后，通過 connect() 函數將 visibilityChanged 信號與 QML 中的 webViewVisible 屬性綁定起來，從而控制 WebView 的可見性。

審核編輯：湯梓紅