BlinCT
BlinCTJuly 10, 2016, 3 a.m.

Создание окна поверх остальных

Android, qml, Rectangle, Диалоговое окно

Всем привет.
Пытаюсь найти инфу о том, как, например, при нажатии на какую-то кнопку поверх программы появляется окно. То есть по центру и все, что под ним находится темнеет немного.
Думал, что это обычный Rectangle, но похоже, что нет.
Если кто может кинуть какой-то грубый набросок примера или ссылку с оф сайта, буду признателен.
Пытаюсь это реализовать в QML.
Заранее благодарю.
We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

1
Evgenii Legotckoi
  • July 10, 2016, 12:48 p.m.
  • The answer was marked as a solution.

Полагаю, что здесь идёт разговор о диалоговом окне. Здесь нужно делать появляющийся фон и само диалоговое окно. Меня не впечатлили дефолтные Диалоги, поэтому я на данный момент пользуюсь следующим вариантом, который покажу на примере простого приложения:
main.qml

import QtQuick 2.7
import QtQuick.Controls 1.5
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    Button {
        text: "Click Me"
        anchors.centerIn: parent
        onClicked: {
            dialog.showDialog()
        }
    }
 
    SimpleDialog {
        id: dialog
        contentText: qsTr("Check Text")
        onBack: hideDialog()
    }
}

Затемняющийся фон, который выкидывает сигнал back(), когда по нему кликают:
DialogBackground.qml

import QtQuick 2.0
 
Rectangle {
    id: root
 
    signal backClicked
 
    color: "#333"
    anchors.fill: parent
    opacity: 0
    state: "hideBack"
    visible: false
 
    states: [
        State {
            name: "hideBack"
            PropertyChanges { target: root; opacity: 0;}
        },
        State {
            name: "showBack"
            PropertyChanges { target: root; opacity: 0.7;}
        }
    ]
 
    transitions: Transition {
        from: "hideBack"; to: "showBack"; reversible: true
        NumberAnimation { properties: "opacity"; duration: 250;}
    }
 
    MouseArea {
        anchors.fill: parent
        onClicked: backClicked()
    }
 
    function show(){
        root.visible = true
        root.state = "showBack"
    }
 
    function hide(){
        root.visible = false
        root.state = "hideBack"
    }
}

И сам диалог, который тоже выкидывает сигнал back(), когда нажимают по тексту Back (данный текст выполняет роль кнопки). Там же сделана реализация пересчёта положения диалога, когда открывается виртуальная клавиатура на мобильных устройствах, типа Android, к примеру.
SimpleDialog.qml

import QtQuick 2.7
import QtQuick.Controls 1.4
 
Item {
    id: root
    signal back
    property alias contentText: dialogText.text
    anchors.fill: parent
    visible: false
 
    DialogBackground {
        id: dialogBackground
        onBackClicked: {
            hideDialog()
        }
    }
 
    Rectangle {
        id: dialog
        width: 240
        height: 220
        radius: 4
        color: "whitesmoke"
        anchors.top: parent.top
        anchors.topMargin: {
            Qt.inputMethod.visible ?
                        (parent.height - Qt.inputMethod.keyboardRectangle.height - dialog.height)/2 :
                        (parent.height - dialog.height)/2;
        }
        anchors.horizontalCenter: parent.horizontalCenter
 
        Text {
            id: dialogText
            wrapMode: Text.Wrap
            color: "black"
            anchors {
                top: parent.top
                left: parent.left
                right: parent.right
                margins: 16
            }
 
            font.pixelSize: 16
 
            verticalAlignment: Text.AlignVCenter
            horizontalAlignment: Text.AlignHCenter
        }
 
        Text {
            id: textBack
            text: qsTr("Back")
            color: "black"
            visible: true
 
            anchors.right: parent.right
            anchors.bottom: parent.bottom
            anchors.margins: 16
 
            font.pixelSize: 24
 
            verticalAlignment: Text.AlignVCenter
            horizontalAlignment: Text.AlignHCenter
 
            MouseArea {
                anchors.centerIn: parent
                width: parent.paintedWidth
                height: parent.paintedHeight
                onClicked: back()
            }
        }
    }
 
    function showDialog() {
        dialogBackground.show()
        root.visible = true
    }
 
    function hideDialog() {
        dialogBackground.hide()
        root.visible = false
    }
}

    Comments

    Only authorized users can post comments.
    Please, Log in or Sign up
    B

    C++ - Test 002. Constants

    • Result:16points,
    • Rating points-10
    B

    C++ - Test 001. The first program and data types

    • Result:46points,
    • Rating points-6
    FL

    C++ - Test 006. Enumerations

    • Result:80points,
    • Rating points4
    Last comments
    k
    kmssrFeb. 9, 2024, 7:43 a.m.
    Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
    Qt WinAPI - Lesson 007. Working with ICMP Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
    EVA
    EVADec. 25, 2023, 11:30 p.m.
    Boost - static linking in CMake project under Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
    J
    JonnyJoDec. 25, 2023, 9:38 p.m.
    Boost - static linking in CMake project under Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
    G
    GvozdikDec. 19, 2023, 10:01 a.m.
    Qt/C++ - Lesson 056. Connecting the Boost library in Qt for MinGW and MSVC compilers Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
    Now discuss on the forum
    AC
    Alexandru CodreanuJan. 20, 2024, 12:57 a.m.
    QML Обнулить значения SpinBox Доброго времени суток, не могу разобраться с обнулением значение SpinBox находящего в делегате. import QtQuickimport QtQuick.ControlsWindow { width: 640 height: 480 visible: tr…
    BlinCT
    BlinCTDec. 27, 2023, 9:57 p.m.
    Растягивать Image на парент по высоте Ну и само собою дял включения scrollbar надо чтобы был Flickable. Так что выходит как то так Flickable{ id: root anchors.fill: parent clip: true property url linkFile p…
    Дмитрий
    ДмитрийJan. 10, 2024, 5:18 p.m.
    Qt Creator загружает всю оперативную память Проблема решена. Удалось разобраться с помощью утилиты strace. Запустил ее: strace ./qtcreator Начал выводиться весь лог работы креатора. В один момент он начал считывать фай…
    Evgenii Legotckoi
    Evgenii LegotckoiDec. 12, 2023, 7:48 p.m.
    Побуквенное сравнение двух строк Добрый день. Там случайно не высылается этот сигнал textChanged ещё и при форматировани текста? Если решиать в лоб, то можно просто отключать сигнал/слотовое соединение внутри слота и …

    Follow us in social networks