BlinCT
BlinCTШілде 9, 2016, 5 Т.Қ.

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

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

    Пікірлер

    Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
    Кіріңіз немесе Тіркеліңіз
    OI
    • Ora Iro
    • Жел. 24, 2024, 5:38 Т.Қ.

    C++ - Тест 001. Первая программа и типы данных

    • Нәтиже:40ұпай,
    • Бағалау ұпайлары-8
    AD

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

    • Нәтиже:50ұпай,
    • Бағалау ұпайлары-4
    m
    • molni99
    • Қаз. 26, 2024, 11:37 Т.Ж.

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

    • Нәтиже:80ұпай,
    • Бағалау ұпайлары4
    Соңғы пікірлер
    ИМ
    Игорь МаксимовҚар. 22, 2024, 10:51 Т.Қ.
    Django - Оқулық 017. Теңшелген Django кіру беті Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
    Evgenii Legotckoi
    Evgenii LegotckoiҚар. 1, 2024, 12:37 Т.Ж.
    Django - Сабақ 064. Python Markdown кеңейтімін қалай жазуға болады Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
    A
    ALO1ZEҚаз. 19, 2024, 6:19 Т.Қ.
    Qt Creator көмегімен fb3 файл оқу құралы Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
    ИМ
    Игорь МаксимовҚаз. 5, 2024, 5:51 Т.Қ.
    Django - Сабақ 064. Python Markdown кеңейтімін қалай жазуға болады Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
    d
    dblas5Шілде 5, 2024, 9:02 Т.Қ.
    QML - Сабақ 016. SQLite деректер қоры және онымен QML Qt-та жұмыс істеу Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
    Енді форумда талқылаңыз
    Evgenii Legotckoi
    Evgenii LegotckoiМаусым 25, 2024, 1:11 Т.Ж.
    добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
    t
    tonypeachey1Қар. 15, 2024, 5:04 Т.Қ.
    google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
    NSProject
    NSProjectМаусым 4, 2022, 1:49 Т.Қ.
    Всё ещё разбираюсь с кешем. В следствии прочтения данной статьи. Я принял для себя решение сделать кеширование свойств менеджера модели LikeDislike. И так как установка evileg_core для меня не была возможна, ибо он писался…
    9
    9AnonimҚаз. 25, 2024, 7:10 Т.Қ.
    Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

    Бізді әлеуметтік желілерде бақылаңыз