BlinCT
BlinCT9 июля 2016 г. 17:00

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

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

Всем привет.
Пытаюсь найти инфу о том, как, например, при нажатии на какую-то кнопку поверх программы появляется окно. То есть по центру и все, что под ним находится темнеет немного.
Думал, что это обычный Rectangle, но похоже, что нет.
Если кто может кинуть какой-то грубый набросок примера или ссылку с оф сайта, буду признателен.
Пытаюсь это реализовать в QML.
Заранее благодарю.
Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

1
Evgenii Legotckoi
  • 10 июля 2016 г. 2:48
  • Ответ был помечен как решение.

Полагаю, что здесь идёт разговор о диалоговом окне. Здесь нужно делать появляющийся фон и само диалоговое окно. Меня не впечатлили дефолтные Диалоги, поэтому я на данный момент пользуюсь следующим вариантом, который покажу на примере простого приложения:
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
    }
}

    Комментарии

    Только авторизованные пользователи могут публиковать комментарии.
    Пожалуйста, авторизуйтесь или зарегистрируйтесь
    AD

    C++ - Тест 004. Указатели, Массивы и Циклы

    • Результат:50баллов,
    • Очки рейтинга-4
    m
    • molni99
    • 26 октября 2024 г. 8:37

    C++ - Тест 004. Указатели, Массивы и Циклы

    • Результат:80баллов,
    • Очки рейтинга4
    m
    • molni99
    • 26 октября 2024 г. 8:29

    C++ - Тест 004. Указатели, Массивы и Циклы

    • Результат:20баллов,
    • Очки рейтинга-10
    Последние комментарии
    i
    innorwall12 ноября 2024 г. 5:12
    Django - Урок 055. Как написать функционал auto populate field Freckles because of several brand names retin a, atralin buy generic priligy
    i
    innorwall12 ноября 2024 г. 1:23
    QML - Урок 035. Использование перечислений в QML без C++ priligy cvs 24 Together with antibiotics such as amphotericin B 10, griseofulvin 11 and streptomycin 12, chloramphenicol 9 is in the World Health Organisation s List of Essential Medici…
    i
    innorwall11 ноября 2024 г. 22:50
    Qt/C++ - Урок 052. Кастомизация Qt Аудио плеера в стиле AIMP It decreases stress, supports hormone balance, and regulates and increases blood flow to the reproductive organs buy priligy online safe Promising data were reported in a PDX model re…
    i
    innorwall11 ноября 2024 г. 21:19
    Алгоритм сортировки кучей The role of raloxifene in preventing breast cancer priligy precio
    i
    innorwall11 ноября 2024 г. 20:55
    PyQt5 - Урок 006. Работа с QTableWidget buy priligy 60 mg 53 have been reported by Javanovic Santa et al
    Сейчас обсуждают на форуме
    i
    innorwall12 ноября 2024 г. 3:56
    добавить qlineseries в функции buy priligy senior brother Chu He, whom he had known for many years
    i
    innorwall11 ноября 2024 г. 17:55
    Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
    9
    9Anonim25 октября 2024 г. 16:10
    Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…
    ИМ
    Игорь Максимов3 октября 2024 г. 11:05
    Реализация навигации по разделам Спасибо Евгений!

    Следите за нами в социальных сетях