Как управлять окнами в QML?

Question

[amf1k]

Как можно управлять разными окнами в QML Desktop? Суть такая, что при запуске приложения подготавливаются необходимые ресурсы и это достаточно продолжительно время и есть необходимость показывать некой SplashScreen, после него открывать основное окно с приложением.
На просторах интернета были найдены решения для Android и манифестом.
Так же были найдены решения с ApplicationWindow и Loader`ами, но все равно работает немного не так как надо.
В общем интересует какие есть best practices по управлению окнами в QML для Desktop.

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5

ApplicationWindow{
    id: rootWindow
    width: 600
    height: 600
    visible: true
    flags: Qt.Window

    Loader {
        id: loader
        Component {
            id: waitWin
            Window {
                id: waitWindow
                width: 300
                height: 300
                flags: Qt.FramelessWindowHint | Qt.Window
                Rectangle {
                    anchors.fill: parent
                    color: "red"
                }
                Text {
                    anchors.centerIn: parent
                    text: "WAIT WINDOW"
                }
                Timer {
                    interval: 2000
                    running: true
                    repeat: false
                    onTriggered: {
                        loader.sourceComponent = mainWin
                    }
                }
            }
        }

        Component {
            id: mainWin
            Window {
                id: mainWindow
                width: 600
                height: 600
                flags: Qt.Window
                Rectangle {
                    anchors.fill: parent
                    color: "green"
                }
                Text {
                    anchors.centerIn: parent
                    text: "WAIT WINDOW"
                }
            }
        }
        sourceComponent: waitWin
    }
}

Данный код приводит к тому, что существует 2 окна сразу (ApplicationWindow и Window). Или в лоадере надо менять только содержимое окна?

Comments

[amf1k]

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5

ApplicationWindow {
    id: rootWindow
    width: 600
    height: 600
    visible: true
    flags: Qt.Window

    Loader {
        id: loader
        anchors.fill: parent
        Component {
            id: waitWin
            Item {
                Rectangle {
                    anchors.fill: parent
                    color: "red"
                }
                Text {
                    anchors.centerIn: parent
                    text: "WAIT WINDOW"
                }
                Timer {
                    interval: 2000
                    running: true
                    repeat: false
                    onTriggered: {
                        loader.sourceComponent = mainWin
                    }
                }
                Component.onCompleted: {
                    rootWindow.flags = Qt.FramelessWindowHint
                    rootWindow.width = 300
                    rootWindow.height = 300
                }
            }
        }

        Component {
            id: mainWin
            Item {
                Rectangle {
                    anchors.fill: parent
                    color: "green"
                }
                Text {
                    anchors.centerIn: parent
                    text: "MAIN WINDOW"
                }
                Component.onCompleted: {
                    rootWindow.flags = Qt.Window
                    rootWindow.width = 600
                    rootWindow.height = 600
                    rootWindow.y = (screen.height - rootWindow.height) / 2
                    rootWindow.x = (screen.width - rootWindow.width) / 2
                }
            }
        }
        sourceComponent: waitWin
    }
}

Изменение только содержимого окна, эффект тот что нужно, но выглядит все не очень

Answer 1

[Яков Е]

Можно подумать над использованием стандартного сплаша и из виджетов: https://doc.qt.io/qt-5/qsplashscreen.html

Что касается окон, вариантов много, можно обойтись без этих всех заморочек с лоадерами и компонентами (если нет необходимости). Например, корневой элемент просто Item, в нём вложены два окна с противоположными значениями visible.

Comments

[amf1k]

Насчет виджетов - сразу нет. Это зависимость + у нас там анимация (типа прелоадер), а это значит что надо еще виджет сплешскрина реализовавывать.

Если делать корневой элемент item и внутри него окна, то приложение не запустится (не откроется ни одно окно), т.к. у входного qml должен быть рутовый элемент окно.

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5

Item {
    id: rootItem
    Window {
        id: waitWindow
        visible: true
        height: 300
        width: 300
        flags: Qt.FramelessWindowHint
        Rectangle {
            anchors.fill: parent
            color: "red"
        }
        Text {
            anchors.centerIn: parent
            text: "WAIT WINDOW"
        }
    }
    Window {
        id: mainWindow
        visible: false
        height: 600
        width: 600
        flags: Qt.Window
        Rectangle {
            anchors.fill: parent
            color: "green"
        }
        Text {
            anchors.centerIn: parent
            text: "MAIN WINDOW"
        }
    }
}

[Яков Е]

amf1k, раньше вроде из коробки запускалось, сейчас запускается если добавить Component.onCompleted: waitWindow.show();

[amf1k]

да сработало, спасибо. Но есть проблемы с тем, что окна открываются там, где сейчас находится курсор (у меня два экрана). И если WaitWindow Откроется на одном экране, после переноса курсора, MainWindow откроется на другом и будет скачек.

[Яков Е]

amf1k, но ведь у вас есть свойства окон x и y, вы можете сами управлять расположением.

[amf1k]

Яков Е, а то что при изменении visible (show и hide) окна закрываются и открываются, это ни на что не влияет? получается есть момент когда открытых окн нет?

[Яков Е]

amf1k, не вижу проблемы, обычно так и есть, сначала пропал сплаш, потом появилось основное окно.

[amf1k]

Яков Е, да действительно, например, Postman так и работает, только он открывается всегда на главном экране. По идее у Window есть свойство screen и можно установить ему значение Qt.application.screens[0], но это почему то не работает, если курсор будет на втором экране. Но если установить Qt.application.screens[1] и курсор будет на главном окне, то откроет приложение на втором экране.

[Яков Е]

amf1k, ещё раз, у вас хоть два экрана, хоть три, у вас ведь единое пространство координат. Вы можете посмотреть какие координаты у первого окна (сплаша) и соответственно присвоить второму нужные.