16 марта 2020 г. 21:24

Drawer QML

В документации к Drawer Qml Type указано свойство position, но я так и не поняла как его применять, может кто-нибудь показать пример?
Также, при выдвижении drawer'a остальная часть экрана затемняется, как убрать эту тень я тоже не нашла. Были какие-то примеры с Overlay.model, но это не работает, а точнее, делает прозрачным весь drawer

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.
25

Добрый день

position - это свойство, которое отвечает за то, насколько Drawer выдвинут, если там 1, то он полностью открыт, если 0, то полностью скрыт.
Если хотите изменить, откуда выдвигается Drawer, то нужно менять свойство edge

Я понимаю, что position это положение до и после, мне нужен пример синтаксиса. Я, например, писала:
position: 0.3
Но это не срабатывало

В документации этого не написано, но полагаю, что это readonly свойство, вы ничего не сможете туда установить, только считать.
Для открытия и закрытия есть методы open() , close()

Да, но как тогда поместить на экран часть drawer'a так, чтобы она выходила из-за границ окна, margin и padding не работают

Никак. Или писать свой собственный кастомный Drawer с нуля или пересмотреть задачу и подумать над иным решением.

Свойство position отвечает за обработку пальцами на экране, то есть насколько drawer был выдвинут, но не для фиксированного кастомного положения drawer на экране.

Впрочем у меня есть мысль, Drawer наследован от объекта Popup, а он уже имеет свойство x, попробуйте изменить его, то есть координату x

Drawer {
    x: 50
}

Пыталась написать что-то своё на javascript'e, но мне почему то постоянно выдавало ошибку "mouseXY is not defined", при вызове функции через onClicked(), и не важно, что там было изменение цвета, сообщение в консоль или же изменение координат. Не знаете, почему так происходит?

Координаты, это первое, что я меняла -- бесполезно

если onClicked вообще вызывалось, поскольку такого обработчика у Drawer нет

В drawer'e была Button/MouseArea, оттуда и вызывался onClicked()

тогда, без кода трудно что-то утверждать

Можно использовать как обычный компонент

...
Drawer {
        id: expanderMenu
        width: window.width/3.5
        height: window.height
        }
...

или вы хотите переопределить чтобы он допустим сверху открывался?

С edge у меня проблем нет, мне нужно, чтобы он торчал из-за границы окна, например, на 10-ю часть своего размера
Примерно так:

Так?

  Drawer {
        id: drawer
        width:  window.width
        height:0.1 * window.height
        edge: Qt.BottomEdge

    }

не думаю, что это будет правильным решением, вы просто устанавливаете высоту drawer, то есть скрытой части не будет совсем, а здесь нужно, чтобы 80 процентов того Drawer была за экраном. А у вас будет 100 процентов в экране

Кстати, если у вас Drawer снизу, то не пробовали установить координаты так

Window {
    id: window

    Drawer {
        y: window.height - 50
    }

}
  • 17 марта 2020 г. 9:23
  • (ред.)

Не получится так, drawer вписан в окно, можно попробовать сделать custom dialog и его прибиндить к окну

Изменение размера ничего не даст. Он всё равно на начальном этапе будет x:0 y:0

Тогда можете попытаться адаптировать для себя этот пример QML - Урок 019. Navigation Drawer в Qt Qml Android

Он старый и в некоторых случаях работает криво, но вполне работоспособен

Спасибо, возможно, Popup будет работать как мне нужно...

Попробуйте так:

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Dialogs 1.3

ApplicationWindow {
    id: window
    Drawer {
        id: drawer
        width:  window.width
        height:0.31 * window.height

        edge: Qt.BottomEdge
        onOpened:{
            drawer.close()
            popup.open()

        }
    }
    Popup {
        id: popup
        x: 0
        y: 100
        width: window.width
        height: window.height / 3
        modal: true
        focus: true
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
    }
}

с y: поиграетесь и всё

  • 17 марта 2020 г. 9:46
  • (ред.)

Попробовал ,не выходит тоже , он вписан в окно , надо как то видимо позицию на экране получать и биндиться к ней

Скорее всего, нужно вместо Window использовать Item: привязать его к верху экрана и уменьшить размер на 10%, и туда тогда засовывать drawer, который выдвигается снизу

можно еще как костыль:

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Dialogs 1.3

ApplicationWindow {
    id: window
    width: 320
    height: 240
    x:500
    y:500
    Component.onCompleted: {
        popup.setX(window.x)
        popup.setY(window.y+popup.height*2.3);
        // + запретить перетаскивание popup
    }
    Drawer {
        id: drawer
        width:  window.width
        height:0.31 * window.height
        edge: Qt.BottomEdge
        onOpened:{
            drawer.close()
            popup.open()
        }
    }
    Dialog {
        id: popup
        modality:Qt.NonModal
        width: window.width
        height: window.height / 3
    }
}


Комментарии

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

Здравствуйте, уважаемые пользователи EVILEG !!!

Если сайт вам помог, то поддержите разработку сайта финансово, пожалуйста.

Вы можете сделать это следующими способами:

Спасибо, Евгений Легоцкой

DK
1 апреля 2020 г. 8:03
Dmitry Kozhinov

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

  • Результат:40баллов,
  • Очки рейтинга-8
A
30 марта 2020 г. 12:47
Anna

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

  • Результат:60баллов,
  • Очки рейтинга-1
A
29 марта 2020 г. 12:14
Alexanderv66

C++ - Тест 003. Условия и циклы

  • Результат:71баллов,
  • Очки рейтинга1
Последние комментарии
3 апреля 2020 г. 8:06
Konstantin Grudnitskiy

Я надеюсь вы уже разобрались в чем дело, но если вдруг нет, то проблема состоит в том, что вы пытаетесь запустить программу из интерпретатора питона. Файл main.py это уже готова…
3 апреля 2020 г. 6:18
Konstantin Grudnitskiy

>>> text = 'hello world'>>> ' '.join(word for word in text.split()[:-1])'hello'>>> def remove_last_word(text):... return text and ' '.join(word for word in text.s…
27 марта 2020 г. 14:40
Евгений Легоцкой

Добрый день. В конце пятой статьи скачать можете.
27 марта 2020 г. 14:28
mkdir _

Здравствуйте, а можно, пожалуйста, ссылку на целые исходники, если есть?
27 марта 2020 г. 4:36
Евгений Легоцкой

Скорее всего также, как и для установки всех остальных переменых в CMake, через использование set
Сейчас обсуждают на форуме
3 апреля 2020 г. 12:53
BlinCT

Само собою на компе этого незаметно.
3 апреля 2020 г. 8:48
Intruder

Евгений, добрый день. Спасибо!
s
3 апреля 2020 г. 7:52
solmik

да вроде много чего установленно, если неправильный путь указать то же самое, пробовал запустить видео через плей лист (по примерам из док)и из него назад путь взять, не получилось
3 апреля 2020 г. 5:50
Юрий-В

Спасибо ! Поковырявшись и посмотрев интерфейс QSvgRender и т.д. понимаю что похоже нужно будет лезть в реализацию ::render(..). Кто может подсказать как и где выкачать актуальные исходники…
2 апреля 2020 г. 2:46
Евгений Легоцкой

Я думаю, что это где-то описано, но в такой глубине документации и максимум в самых базовых вещах, то есть отдельно в классах этого не пишут, просто потому, что придётся писать для каждого класс…
EVILEG
О нас
Услуги
© EVILEG 2015-2019
Рекомендует хостинг TIMEWEB