运用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";
}
}

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