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

Question

amf1k @amf1k

Qt
QML

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

Как можно управлять разными окнами в 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). Или в лоадере надо менять только содержимое окна?

Вопрос задан более трёх лет назад
993 просмотра

1 комментарий

Подписаться 1 Простой 1 комментарий

amf1k @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
    }
}

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

Написано более трёх лет назад

Решения вопроса 1

8 комментариев

amf1k @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"
        }
    }
}

Написано более трёх лет назад

Яков Е @Zifix Куратор тега Qt

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

Написано более трёх лет назад
amf1k @amf1k Автор вопроса

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

Написано более трёх лет назад
Яков Е @Zifix Куратор тега Qt

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

Написано более трёх лет назад
amf1k @amf1k Автор вопроса

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

Написано более трёх лет назад
Яков Е @Zifix Куратор тега Qt

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

Написано более трёх лет назад
amf1k @amf1k Автор вопроса

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

Написано более трёх лет назад
Яков Е @Zifix Куратор тега Qt

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

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

C++

+2 ещё

Простой
Как выровнять по центру текст подсказки и вводимый текст в QTextEdit?
- 1 подписчик
- 17 апр.
- 38 просмотров
1

ответ
Qt

Простой
Как собрать QT в *.exe?
- 1 подписчик
- 15 апр.
- 62 просмотра
1

ответ
C++

+4 ещё

Средний
Как написать динамическую библиотеку на C++ при помощи CMake в среде QTCreator, которую потом можно будет импортировать в проекты на Python?
- 1 подписчик
- 14 апр.
- 71 просмотр
2

ответа
C++

+2 ещё

Простой
Почему не задаётся начальная папка для сохранения файла в QFileDialog?
- 1 подписчик
- 13 апр.
- 31 просмотр
1

ответ
Qt

+2 ещё

Простой
Как брать высоту ячейки таблицы из Word-файла?
- 2 подписчика
- 06 апр.
- 93 просмотра
0

ответов
C++

+1 ещё

Простой
Как поменять стиль QTableWidget?
- 1 подписчик
- 06 апр.
- 84 просмотра
0

ответов
Android

+3 ещё

Простой
Почему не собирается приложение QT под Android?
- 1 подписчик
- 26 мар.
- 180 просмотров
1

ответ
C++

+1 ещё

Простой
Правильно считать даты?
- 1 подписчик
- 19 мар.
- 102 просмотра
1

ответ
Qt

Простой
Как реализовать переход с Виджета в Главное окно программы QT Designer Python?
- 1 подписчик
- 18 мар.
- 28 просмотров
0

ответов
C++

+3 ещё

Средний
Как правильно скомпилировать приложение Qt для MacOS?
- 1 подписчик
- 14 мар.
- 78 просмотров
1

ответ
Показать ещё Загружается…

Backend Developer в бьюти-платформу LUUK

УК «Решения» • Москва

от 200 000 ₽

Angular frontend developer, разработчик middle+

IT Force • Краснодар

от 200 000 ₽

Middle+ Marketing manager

Правое полушарие Интроверта

от 120 000 ₽

Нужен опытный Фронтенд разработчик

20 апр. 2024, в 09:47

6000 руб./за проект

Тестовое приложение для коннекта по SIP

20 апр. 2024, в 09:15

8000 руб./за проект

Сканер коэффициентов в букмекерских конторах

20 апр. 2024, в 08:39

100000 руб./за проект

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 · 2019-09-03 12:23:29

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

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт