"hybrid"(webapp를 표시하는 C ++ 앱, C ++ / QML / javascript? 사이에 앱 코드 배포)의 의미가 확실하지 않지만 WebView 구성 요소를 사용하여 qml 응용 프로그램에 웹 페이지 / 웹 응용 프로그램을 표시 할 수 있습니다 . 이것은 우분투 전화에서도 작동합니다.
"app.qml", "app.html"및 "app.js"로 구성된이 간단한 응용 프로그램을 사용하십시오 (예,이 "응용 프로그램"은 상당히 절름발이입니다 ...). 이것은으로 만 테스트 qmlviewer
되었으므로 IDE를 통해 실행하려고하면 사용되는 상대 경로와 관련하여 무언가를 수정해야 할 것입니다.
app.qml
import QtQuick 1.0
import QtWebKit 1.0
Rectangle {
width: 800
height: 600
WebView {
url: "app.html"
anchors.fill: parent
preferredWidth: 800
preferredHeight: 600
smooth: false
settings.developerExtrasEnabled : true
settings.javascriptEnabled: true
}
}
app.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hi</title>
<style>
body {
margin: 20px;
}
</style>
</head>
<body>
<a href="#" id="test_me">Click me!</a>
</body>
<script src="app.js"></script>
</html>
app.js
var x = document.getElementById("test_me");
x.onclick = function(){
console.log("Hi there");
new_elem = document.createElement("h2");
new_elem.textContent = "Hi there!";
document.getElementsByTagName("body")[0].appendChild(new_elem);
};
도움이 되길 바랍니다.