運用webEngineView完成實現QML與HTML交互

WebEngineView是Qt提供於動態渲染並顯示網頁內容的web引擎視圖,本身是一個web瀏覽器。
WebEngineView提供了最簡單的方法 - 直接通過WebChannel 。WebView(以及外部Web瀏覽器)要求首先爲WebChannel建立一些傳輸。
操作步驟:
1)導入WebEngineView模塊,在.pro文件中寫入
QT += qml quick webview webengine

2)初始化WebEngine
使用應用程序源文件中的QtWebEngine::initiallize初始化WebEngine。

#include
#include
#include
int main(int argc, char *argv[])
{
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
QGuiApplication app(argc, argv);
QtWebEngine::initialize();
QQmlApplicationEngine engine;
engine.load(QUrl(QLatin1String(“qrc:/main.qml”)));
return app.exec();
}

3)加載html
在程序中使用URL或loadHtml方法將頁面加載到WebEngineView中。

import QtQuick 2.10
import QtQuick.Window 2.10
import QtWebEngine 1.0
Window {
visible: true;
width: 640;
height: 480;
title: qsTr(“WebEngineView加載HTML”);
WebEngineView{
anchors.fill: parent;
url:"./html/test.html";
}
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章