elyanaMarch 16, 2020, 9:24 p.m.

Drawer QML

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

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

}
  • March 17, 2020, 9:23 a.m.
  • (edited)

Не получится так, 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: поиграетесь и всё

  • March 17, 2020, 9:46 a.m.
  • (edited)

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

Скорее всего, нужно вместо 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
    }
}


Comments

Only authorized users can post comments.
Please, Log in or Sign up
How to become an author?

Contribute to the evolution of the EVILEG community.

Learn how to become a site author.

Learn it
Donate

Good day, Dear Users!!!

I am Evgenii Legotckoi, developer of EVILEG. And it is my hobby project, which helps to learn programming another programmers and developers

If the site helped you, and you want also support the development of the site, than you can donate by following ways

PayPalYandex.Money
Timeweb

Let me recommend you the excellent hosting on which EVILEG is located.

For many years, Timeweb has been proving his stability.

For projects on Django I recommend VDS hosting

View Hosting
R

C++ - Test 002. Constants

  • Result:75points,
  • Rating points2
R

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

  • Result:73points,
  • Rating points1
MS

C++ - Test 005. Structures and Classes

  • Result:75points,
  • Rating points2
Last comments
V

Django - Tutorial 027. Implementation Google reCAPTCHA

Спасибо. Только использую декоратор не в urls.py а перед views
R

Qt WinAPI - Lesson 001. How to collect all DLL, which used in Qt project?

Вы меня не совсем правильно поняли, но все равно спасибо, принял все к сведению. Все сделал как вы сказали, все отлично работает, еще раз огромнейшее спасибо) Разве что только что были опять про…

Qt WinAPI - Lesson 001. How to collect all DLL, which used in Qt project?

Стоило перед использованием что ли инструкцию прочитать https://www.cyberforum.ru/blogs/131347/blog2457.html "После сборки при запуске требовались dll," Ясное дело стоило задепло…
R
R

Qt WinAPI - Lesson 001. How to collect all DLL, which used in Qt project?

Да, собралось. После сборки при запуске требовались dll, перекинул всю папки bin, plugins(не знаю как можно было сделать более умно). Как я понял в первой строке путь к екзешнику вставляю, втор…
Now discuss on the forum

Как в Qt в qmenu добавить scrollarea

Вот это наследованный класс меню. Но посути это обычное меню. #pragma once#include <QtWidgets>class TransMenu : public QMenu { Q_OBJECTpublic: TransMenu(QWidget* parent = …

Qt C++ и Python

Красиво/некрасиво - это скорее моё личное отношение. Если есть возможность ограничить количество интсрументов, то лучше ограничить. Но не зацикливайтесь на этом. Если у вас есть скрипты Py…

Qt + OpenGL glDeleteVertexArrays

Я не уверен, поскольку с OpenGL очень мало работал. Но может быть OpenGL контекст виджета нужно переинициализовывать. И ещё виджет стоит удалять через метод deleteLater() а не п…

QWebEngineView не запускается если к ПК подключено несколько мониторов

Ну я имел ввиду посмотреть на другом ПК с другой графикой и парой мониторов. Как моей программе назначить использовать определенный граф. адаптер? Вот тут понятия не имею.

Счечик производительности сети

Хорошо. После работы сегодня гляну ваш код внимательно.
About
Services
© EVILEG 2015-2020
Recommend hosting TIMEWEB