How to close a Qml window when creating a QGLWidget - qt

I am trying to build a game in which the ui part is made in qml (menu etc) while the rendering and logic part is in C++. For this I'm using a QGLWidget subclass. The game starts with Qml (using a QDeclarativeContext in the main function) and on clicking 'NewGame', I am loading my QGLWidget subclass. Something like this:
GameButton{
id:button2_1_1
x: 69
y: 101
width: 80
height: 80
onClicked:{ myObject.initialize(); myObject.show(); }
}
// myObject sets the context property to the object of my QGLWidget subclass
The problem is that I can't figure out a way to close my Qml window when I load the QGLWidget. As with what I've done two windows are displayed simultaneously.
Here's the code for it.
// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1
Rectangle {
id:newGameMenu
width: 640
height: 360
signal button2Clicked();
onButton2Clicked: console.log("new game should start")
Image{
id:background
source:"menubackground.jpg"
anchors.fill:parent
Button2 {
id: button21
x: 70
y: 101
width: 42
height: 42
}
}
Button2{
id:button2_1_1
x: 69
y: 101
width: 44
height: 44
onClicked:{ myObject.abc(); myObject.show(); console.log("glwindow called"); }
}
}
main.cpp
#include <QtGui/QApplication>
#include "qmlapplicationviewer.h"
#include <QDeclarativeView>
#include <QDeclarativeItem>
#ifndef GLWINDOW_H
#include "glwindow.h"
#endif
#include <QObject>
Q_DECL_EXPORT int main(int argc, char *argv[])
{
QScopedPointer<QApplication> app(createApplication(argc, argv));
QDeclarativeView view;
GLWindow w;
view.rootContext()->setContextProperty("myObject", &w);
view.setSource(QUrl::fromLocalFile(""));
view.show();
qDebug() << "into the qml";
return app->exec();
}

As with what I've done two windows are displayed simultaneously
I feels like you are showing two window, one QDeclarativeView and other QGLWidget.
In that case, you should try to hide, your QDeclarativeView when you are showing QGLWidget,

see http://qt-project.org/forums/viewthread/4109 which probably answers your question

Try setting .visible=false for the menu widget in onClicked.

What about http://qt-project.org/forums/viewthread/15160/
Also I would use a QStackedWidget with 2 QWidgets: One would be QDeclarativeView that holds your QML and the other QGLWidget that holds your OpenGL; Moving between QML and OpenGL would mean calling QStackedWidget::setCurrent();

Related

Qt qml crash if QQuickWidget is created inside a QWidget

There's a strange issue that might as well be a bug, but before posting that bug I want to assure it first - or find my own mistake. Basically I want to create a QWidget-subclass that contains, amongst other subwidgets, a QQuickWidget that loads a qml file.
I could boil the crash down to the minimal version below. The crash only occurs
if the qml actually sets an url or calls loadhtml AND
if the QQuickWidget is created inside the Viewer`s constructor.
It doesn't even make a difference if the QQuickWidget is initialized without a parent.
To reproduce, run the app and close it then via the green icon in the system tray.
crashtest.pro
QT += core gui widgets qml quickwidgets webview
TARGET = webviewcrash
TEMPLATE = app
DEFINES += QT_DEPRECATED_WARNINGS
CONFIG += c++11
CONFIG += qml_debug
SOURCES += main.cpp
RESOURCES += res.qrc
main.cpp:
#include <QApplication>
#include <QMenu>
#include <QSystemTrayIcon>
#include <QtWebView>
#include <QWebSocketServer>
#include <QQuickWidget>
#include <qboxlayout.h>
#include <qqmlapplicationengine.h>
#include <QQuickView>
#include <QtQml/QQmlContext>
#include <QDebug>
class Viewer : public QWidget
{
Q_OBJECT
public:
explicit Viewer(QWidget *parent = nullptr) : QWidget(parent){
setLayout(new QVBoxLayout);
}
void init(QQuickWidget* viewer){
if ( viewer ){
this->layout()->addWidget(viewer);
}
else{
QQuickWidget* viewer = new QQuickWidget(this);
viewer->setSource(QUrl("qrc:/viewer.qml"));
viewer->setResizeMode(QQuickWidget::SizeRootObjectToView);
this->layout()->addWidget(viewer);
}
}
};
#include "main.moc"
#define TRY_VIEWER_INIT_WITH_POINTER 0 // Crash
#define TRY_VIEWER_INIT_WITH_REFERENCE 0 // OK
#define TRY_VIEWER_INIT_INSIDE_VIEWER 0 // Crash
#define TRY_STAND_ALONE 0 // Crash
#define TRY_WITHOUT_QQUICKWIDGET 0 // OK - but this is a qml ApplicationWindow, not an Item.
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QtWebView::initialize();
#if TRY_VIEWER_INIT_WITH_POINTER
auto v1 = new Viewer();
v1->resize(500,300);
v1->move(100,100);
v1->show();
QQuickWidget *v1_viewer = new QQuickWidget;
v1_viewer->setResizeMode(QQuickWidget::SizeRootObjectToView);
v1_viewer->setSource(QUrl("qrc:/viewer.qml"));
v1->init(v1_viewer);
#endif
#if TRY_VIEWER_INIT_WITH_REFERENCE
auto v1 = new Viewer();
v1->resize(500,300);
v1->move(100,100);
v1->show();
QQuickWidget v1_viewer;
v1_viewer.setResizeMode(QQuickWidget::SizeRootObjectToView);
v1_viewer.setSource(QUrl("qrc:/viewer.qml"));
v1->init(&v1_viewer);
#endif
#if TRY_VIEWER_INIT_INSIDE_VIEWER
auto v1 = new Viewer();
v1->resize(500,300);
v1->move(100,100);
v1->show();
v1->init(nullptr);
#endif
#if TRY_STAND_ALONE
QQuickWidget viewer;
viewer.setSource(QUrl("qrc:/viewer.qml"));
viewer.setResizeMode(QQuickWidget::SizeRootObjectToView);
viewer.show();
#endif
#if TRY_WITHOUT_QQUICKWIDGET
QQmlApplicationEngine engine;
engine.load(QUrl("qrc:/viewer2.qml"));
if (engine.rootObjects().isEmpty())
return -1;
#endif
// MENU
QMenu trayMenu;
QSystemTrayIcon tray;
trayMenu.addAction("Exit",[&](){
qApp->quit();
});
tray.setContextMenu(&trayMenu);
QPixmap pix(32,32);
pix.fill(QColor(Qt::green));
tray.setIcon(QIcon(pix));
return a.exec();
}
viewer.qml
import QtQuick 2.2
import QtQuick.Controls 1.1
import QtQuick.Layouts 1.1
import QtWebView 1.1
Item {
WebView{
id: webView
anchors.fill: parent
// Crash on app exit, if you uncomment this line:
//url: "https://www.qt.io"
}
Component.onCompleted: {
// Crash on app exit, if you uncomment this line:
webView.loadHtml("<html><head></head><body>Simple body</body></html>","")
}
}
viewer2.qml
import QtQuick 2.2
import QtQuick.Controls 1.1
import QtQuick.Layouts 1.1
import QtWebView 1.1
ApplicationWindow {
visible: true
x: 100
y: 100
width: 500
height: 400
WebView{
id: webView
anchors.fill: parent
// Crash on app exit, if you uncomment this line:
//url: "https://www.qt.io"
}
Component.onCompleted: {
// Crash on app exit, if you uncomment this line:
webView.loadHtml("<html><head></head><body>Simple body</body></html>","")
}
}
I am using Qt5.12.0 on a Win7 desktop, and the used compiler is MSVC2017 32 bit.
Here is the Backtrace:
[11328:19036:0223/150952.613:FATAL:render_process_host_impl.cc(887)] Check failed: map_.empty().
Backtrace:
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11B4E857+810583]
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11B5BD11+865041]
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11A93A9E+45214]
QtWebEngineCore::JavaScriptDialogController::qt_static_metacall [0x1166ED0A+32480538]
QtWebEngineCore::JavaScriptDialogController::qt_static_metacall [0x1167185F+32491631]
GetHandleVerifier [0x12ED8CE9+20263193]
IsSandboxedProcess [0x1403328B+16485723]
IsSandboxedProcess [0x13A93802+10588882]
IsSandboxedProcess [0x1406445F+16686895]
IsSandboxedProcess [0x14063EDD+16685485]
QtWebEngineCore::JavaScriptDialogController::qt_static_metacall [0x10406C6D+13180029]
QtWebEngineCore::JavaScriptDialogController::qt_static_metacall [0x10406C41+13179985]
IsSandboxedProcess [0x13D95555+13742117]
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11AC020E+227342]
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11AC0148+227144]
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11ABF94F+225103]
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11ABF96F+225135]
QWebEngineUrlSchemeHandler::_q_destroyedUrlSchemeHandler [0x11ABFA2C+225324]
QtWebEngineCore::JavaScriptDialogController::qt_static_metacall [0x1115CC69+27163769]
QtWebEngineCore::ProfileAdapterClient::downloadInterruptReasonToString [0x0F70855F+2623]
QtWebEngineCore::ProfileAdapterClient::downloadInterruptReasonToString [0x0F7086A6+2950]
QtWebEngineCore::ProfileAdapterClient::downloadInterruptReasonToString [0x0F70888F+3439]
QtWebEngineCore::ProfileAdapter::checkPermission [0x0F705B56+230]
QtWebEngineCore::FilePickerController::mode [0x0F71EDBA+33066]
QtWebEngineCore::ProfileAdapter::~ProfileAdapter [0x0F7054E6+246]
QtWebEngineCore::ProfileAdapter::~ProfileAdapter [0x0F7055DD+493]
QtWebEngineCore::WebEngineSettings::setWebContentsAdapter [0x0F69BCEA+3418]
QtWebEngineCore::WebContentsAdapter::requestedUrl [0x0F741E5A+746]
QWebEngineUrlScheme::operator!= [0x0F74BB8B+3707]
QWebEngineUrlScheme::operator!= [0x0F74BCB7+4007]
QTextCodec::codecForHtml [0x5F98A3C2+3390559]
QTreeViewPrivate::layout [0x609525D6+456449]
main [0x001F6D24+628] (d:\anonymous\qml-user-js-crash\userjs\main.cpp:67)
WinMain [0x001F664D+173] (c:\users\qt\work\qt\qtbase\src\winmain\qtmain_win.cpp:104)
invoke_main [0x001F50AE+30] (d:\agent\_work\3\s\src\vctools\crt\vcstartup\src\startup\exe_common.inl:107)
__scrt_common_main_seh [0x001F4F47+343] (d:\agent\_work\3\s\src\vctools\crt\vcstartup\src\startup\exe_common.inl:288)
__scrt_common_main [0x001F4DDD+13] (d:\agent\_work\3\s\src\vctools\crt\vcstartup\src\startup\exe_common.inl:331)
WinMainCRTStartup [0x001F5128+8] (d:\agent\_work\3\s\src\vctools\crt\vcstartup\src\startup\exe_winmain.cpp:17)
BaseThreadInitThunk [0x7694343D+18]
RtlInitializeExceptionChain [0x776A9802+99]
RtlInitializeExceptionChain [0x776A97D5+54]
I might be wrong, but maybe this' got something to do with:
class PySide2.QtQuickWidgets.QQuickWidget(engine, parent)¶
PySide2.QtQuickWidgets.QQuickWidget([parent=None])
PySide2.QtQuickWidgets.QQuickWidget(source[, parent=None])
param parent PySide2.QtWidgets.QWidget
param source PySide2.QtCore.QUrl
param engine PySide2.QtQml.QQmlEngine
Constructs a QQuickWidget with the given QML engine and parent .
Note: In this case, the QQuickWidget does not own the given engine
object; it is the caller’s responsibility to destroy the engine. If
the engine is deleted before the view, status() will return Error .
source: https://doc.qt.io/qtforpython-5/PySide2/QtQuickWidgets/QQuickWidget.html#PySide2.QtQuickWidgets.PySide2.QtQuickWidgets.QQuickWidget

Qml QTouchDevice

I am new in Qt. I am working on windows desktop application and using Qt with qml. On PC that hasn't QTouchDevices, splitter between component (element that allow you resize component on window) works good with mouse (screenshot "Good distance"), but if screen is touchscreen I have next problem, please look on screenshot "Wrong distance".
My application shouldn't support any touch device. So how to disable this Qt feature? I need the same behavior like on device without touch screen.
Wrong distance
Good distance
I have tried disable touch device using privet methods using next sample:
QWindowSystemInterface::unregisterTouchDevice(QTouchDevice::devices().first());
This works, but QWindowSystemInterface is private class and it disable touchscreen. And one more in QTCreator splitters work fine, exactly as I need.
If you can't patch Qt, the only way that I can think of would be to iterate through the children, searching for the MouseArea. For example, suppose you had this QML:
import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.1
ApplicationWindow {
width: 600
height: 400
visible: true
property alias splitView: splitView
SplitView {
id: splitView
anchors.fill: parent
Rectangle {
width: 200
Layout.maximumWidth: 400
color: "lightblue"
Text {
text: "View 1"
anchors.centerIn: parent
}
}
Rectangle {
id: centerItem
Layout.minimumWidth: 50
Layout.fillWidth: true
color: "lightgray"
Text {
text: "View 2"
anchors.centerIn: parent
}
}
}
}
You could then print out the object tree of the SplitView like so:
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQuickItem>
#include <QDebug>
int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
QObject *window = engine.rootObjects().first();
QQuickItem *splitView = window->property("splitView").value<QQuickItem*>();
splitView->dumpObjectTree();
return app.exec();
}
That gives you:
SplitView_QMLTYPE_1::
QQmlComponent::
QQuickSystemPalette::
QObject_QML_2::
QQmlComponent::
QQuickItem::
QQuickItem::
QQuickItem::
QQuickLoader_QML_3::
QObject_QML_4::
QQuickMouseArea_QML_5::
QQuickRectangle::
QQmlContext::
QQuickItem::
QQmlComponentAttached::
QQuickRectangle::
QQuickText::
QQuickLayoutAttached::
QQuickRectangle::
QQuickText::
QQuickLayoutAttached::
QQuickLayoutAttached::
QObject::dumpObjectTree() prints out metaObject->className(), so we know to look for an object whose metaObject has a className matching that:
Then:
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQuickItem>
#include <QScreen>
#include <QWindow>
#include <QDebug>
QQuickItem *findMouseArea(QQuickItem *item)
{
foreach (QQuickItem *childItem, item->childItems()) {
if (QString(childItem->metaObject()->className()).startsWith(QStringLiteral("QQuickMouseArea_QML"))) {
return childItem;
} else {
QQuickItem *mouseArea = findMouseArea(childItem);
if (mouseArea) {
return mouseArea;
}
}
}
return 0;
}
int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
QWindow *window = qobject_cast<QWindow*>(engine.rootObjects().first());
QQuickItem *splitView = window->property("splitView").value<QQuickItem*>();
QQuickItem *mouseArea = findMouseArea(splitView);
mouseArea->setProperty("defaultMargin", QVariant(window->screen()->physicalDotsPerInch() / 25.4));
return app.exec();
}
Apparently, Screen::pixelDensity is calculated using the physical dots per inch of the screen, divided by 25.4, so we copy that as well. You could use any other value there.
You will need to adapt the code should a second MouseArea ever be introduced, for example.
It's still largely dependent on private API, but it doesn't touch Qt code, at least.
Quick&Easy: enable/disable mouse and touch synthesizing
No need to patch things or doing any crazy tree lookups, just enable or disable mouse or touch synthesizing.
Qt::AA_SynthesizeTouchForUnhandledMouseEvents
Qt::AA_SynthesizeMouseForUnhandledTouchEvents
Just disable what you don't want, either mouse or touch to accept only authentic events.

Including a web viewer in Qt Creator App

I'm pretty new to Qt and I'm trying to add a web viewer to an app.
I have an app with 3 windows and a navigation bar with 3 buttons. When I click on a button, it swipe to the window associated.
I would have one of this button open the web viewer, without exiting the app.
The app have to be compatible with mobile (Android, iOS, Windows Phone) also.
I searched and found QtWebengine but it doesn't really help me...
I'm on Qt Creator 3.4.2, Qt 5.5.0 and using Qt Designer (don't know if it's important...)
Coding in C++ and QML.
Thanks.
EDIT: I read about the Webview doc but it's still confusing...
I saw that there is a Webkit Webview and a WbeEngine Webview. Webkit is being deprecated so I would like to use WebEngine.
So I try the MiniBrowser Example, which uses WebEngine Webview, and it works on the platforms I want.
But I can't figure how I can launch it by clicking a button...
I tried this :
main.cpp
#include "mainwindow.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MainWindow w;
w.show();
return a.exec();
}
mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui->setupUi(this);
connect(ui->pushButton, SIGNAL(clicked()), this, SLOT(slot_test()));
}
void MainWindow::slot_test()
{
this->webview();
}
MainWindow::~MainWindow()
{
delete ui;
}
webview.cpp
#include <QtCore/QUrl>
#include <QQmlApplicationEngine>
#include <QtCore/QCommandLineOption>
#include <QtCore/QCommandLineParser>
#include <QGuiApplication>
#include <QStyleHints>
#include <QScreen>
#include <QtQml/QQmlContext>
#include <mainwindow.h> //
#ifdef QT_WEBVIEW_WEBENGINE_BACKEND
#include <QtWebEngine>
#endif /* QT_WEBVIEW_WEBENGINE_BACKEND */
void MainWindow::webview()
{
#ifdef Q_OS_OSX
// On OS X, correct WebView / QtQuick compositing and stacking requires running
// Qt in layer-backed mode, which again resuires rendering on the Gui thread.
qWarning("Setting QT_MAC_WANTS_LAYER=1 and QSG_RENDER_LOOP=basic");
qputenv("QT_MAC_WANTS_LAYER", "1");
qputenv("QSG_RENDER_LOOP", "basic");
#endif /* Q_OS_OSX */
#ifdef QT_WEBVIEW_WEBENGINE_BACKEND
QtWebEngine::initialize();
#endif /* QT_WEBVIEW_WEBENGINE_BACKEND */
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/base/main.qml")));
}
main.qml
import QtQuick 2.2
import QtQuick.Controls 1.1
import QtWebView 1.0
import QtQuick.Layouts 1.1
import QtQuick.Controls.Styles 1.2
ApplicationWindow {
visible: true
x: 500
y: 500
width: 500
height: 500
title: webView.title
statusBar: StatusBar {
id: statusBar
visible: webView.loading && Qt.platform.os !== "ios"
RowLayout {
anchors.fill: parent
Label { text: webView.loadProgress == 100 ? qsTr("Done") : qsTr("Loading: ") + webView.loadProgress + "%" }
}
}
WebView {
id: webView
anchors.fill: parent
url: "https://www.google.fr"
}
}
(The webview.cpp is a simplified version of the MiniBrowser example)
When I try to launch it (in Desktop version or Android) and click on the Push Button, the Webview open in an other window and close immediately.
I don't know how to solve this...
You can use QtWebKit but it is deprecated: http://doc.qt.io/qt-5/qtwebkit-index.html
You can use QtWebEngine but it doesn't support all the platforms you need.

Semi-transparent QQuickWidget doesn't draw anything on Windows

I want to create a QQuickWidget with no parent, i.e window. I read about the doc(about QQuickWidget):
Making the window semi-transparent, with other applications and the
desktop visible in the background, is done in the traditional way: Set
Qt::WA_TranslucentBackground and change the Qt Quick Scenegraph's
clear color to Qt::transparent via setClearColor().
Here is the code I wrote, it works fine on Qt5.5.0 + Mint17.0 with an runtime warning-"QQuickWidget: Attempted to render scene with no context". When running on Windows10 + Qt 5.4.2, it is completely transparent.
//main.cpp
#include <QApplication>
#include <QQuickWidget>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
auto quick = new QQuickWidget();
quick->setWindowFlags(Qt::FramelessWindowHint|Qt::WindowStaysOnTopHint);
quick->setAttribute(Qt::WA_TranslucentBackground, true);
quick->setClearColor(Qt::transparent);
quick->setSource(QUrl("qrc:/main.qml"));
quick->show();
return a.exec();
}
//main.qml
import QtQuick 2.4
Rectangle {
height: 360
width: 360
color: "transparent"
Text{
text: "hello"
}
}

Qt5 -porting a simple Qt Quick application to Qt5. help needed

I am trying to port a simple Qt Quick application from Qt4.8 to Qt5.0beta.
my initial (Qt4.8) code is similar to what is below:
main.cpp will dipsplay a QDeclarativeView in a frameless window with translucent background
#include <QtGui/QApplication>
#include "qmlapplicationviewer.h"
#include <QtDeclarative>
#include <QDeclarativeContext>
Q_DECL_EXPORT int main(int argc, char *argv[])
{
QScopedPointer<QApplication> app(createApplication(argc, argv));
QmlApplicationViewer viewer;
viewer.setOrientation(QmlApplicationViewer::ScreenOrientationAuto);
viewer.setMainQmlFile(QLatin1String("qml/main.qml"));
viewer.setWindowFlags(Qt::FramelessWindowHint);
viewer.setAttribute(Qt::WA_TranslucentBackground);
viewer.setStyleSheet("background:transparent;");
viewer.setResizeMode(QDeclarativeView::SizeViewToRootObject);
viewer.showExpanded();
return app->exec();
}
and the main.qml will just display a red rectangle inside another transparent rectangle.
import QtQuick 1.1
Rectangle {
width: 360
height: 360
color: "transparent"
Rectangle
{
x: 125
y: 122
width: 110
height: 116
anchors.centerIn: parent
color: "red"
radius: 27
}
Text {
color: "black"
text: qsTr("Press me!")
font.pointSize: 14
anchors.centerIn: parent
}
MouseArea {
anchors.fill: parent
onClicked: {
Qt.quit();
}
}
}
In order to make it compatible with Qt5 few changes were necessary.
(I have followed http://qt-project.org/doc/qt-5.0/portingqmlapp.html [qt-project.org]
in order not to miss something)
Now main.cpp is similar to:
#include <QtGui/QGuiApplication>
#include "qtquick2applicationviewer.h"
#include <QtWidgets/QtWidgets>
#include <QtWidgets/QLabel>
int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
QtQuick2ApplicationViewer viewer;
viewer.setMainQmlFile(QStringLiteral("qml/main.qml"));
viewer.setWindowFlags(Qt::FramelessWindowHint);
viewer.showExpanded();
return app.exec();
}
In main.qml only one line was replaced.
import QtQuick 2.0
but I am not able to find a way of keeping the transparency
setAttribute(Qt::WA_TranslucentBackground);
setStyleSheet("background:transparent;");
setAttribute and setStyleSheet were available for a QDeclarativeView (which is a QWidget)
but not for QQuickView (which is a QWindow)
Try my QuickWidget, if it helps you:
http://code.google.com/p/quickwidget/
Or, even better, use QQuickWidget from Qt 5.3+.

Resources