Эдуард НеткачёвНаурыз 24, 2022, 2:29 Т.Қ.
Выделение нескольких объектов
QML, выделение нескольких элементов мышкой
Приветствую всех.
Не могу разобраться как сделать выделение нескольких элементов с помощью удержания клавиши мыши. Уже разные способы пробовал, но каждый раз какой-то затык.
Вот кусок основной программы main.qml:
import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.5 ApplicationWindow { visible: true title: qsTr("Selection and Scaling") width: Screen.desktopAvailableWidth*50/100 height: Screen.desktopAvailableHeight*80/100 color: "whitesmoke" property double my_scale: 1.0 Flickable { id: _scrollSetup anchors.fill: parent boundsMovement: Flickable.StopAtBounds // если контент больше видимой области, то при перемещении контента он останавливается на границе контента с видимой областью contentWidth: _сolumn.width*my_scale >parent.width ? (_сolumn.width*my_scale):parent.width contentHeight: _сolumn.height*my_scale >parent.height ? (_сolumn.height*my_scale):parent.height MouseArea { id: _mouseFlickable anchors.fill: parent property point clickPos: "0,0" onWheel: if (wheel.angleDelta.y>0) { my_scale*=1.05; } else { my_scale*=0.95; } // реакция на скролл onClicked: console.log("_mouseFlickable.onClicked"); onPressed: { console.log("_mouseFlickable.onPressed"); clickPos = Qt.point(mouse.x,mouse.y) _rect_select.x=clickPos.x; _rect_select.y=clickPos.y; _rect_select.width=0; _rect_select.height=0; _rect_select.visible=true; } onReleased: { console.log("_mouseFlickable.onReleased"); _rect_select.visible=false; } onEntered: console.log("_mouseFlickable.onEntered"); onExited: console.log("_mouseFlickable.onExited"); onPositionChanged: { _rect_select.x=Math.min(mouse.x,clickPos.x) _rect_select.y=Math.min(mouse.y,clickPos.y) _rect_select.width=Math.abs(clickPos.x-mouse.x) _rect_select.height=Math.abs(clickPos.y-mouse.y) } Column { id: _сolumn anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter scale: my_scale Row { id: _rowUpper MyElement { id: element_1 number: 1 height: 160 width: 160 } MyElement { id: element_2 number: 2 height: 160 width: 160 } MyElement { id: element_3 number: 3 height: 160 width: 160 } MyElement { id: element_4 number: 4 height: 160 width: 160 } } Rectangle { anchors.horizontalCenter: parent.horizontalCenter height: 4 color: "lightsteelblue" width: parent.width } Row { id: _rowLower MyElement { id: element_5 number: 5 height: 160 width: 160 } MyElement { id: element_6 number: 6 height: 160 width: 160 } MyElement { id: element_7 number: 7 height: 160 width: 160 } MyElement { id: element_8 number: 8 height: 160 width: 160 } } } } } Rectangle { id: _rect_select visible: false color: "blue" opacity : 0.3 } }
Вот код элемента MyElement.qml:
import QtQuick 2.0 Item { property int number: 0 property bool select: false MouseArea { id: _mouseArea anchors.fill: parent hoverEnabled: true // это для работы функции containsMouse (наведение курсора мыши на область) propagateComposedEvents: true onClicked: { console.log("_mouse_" + number + ".onClicked"); mouse.accepted = false; } onPressed: { console.log("_mouse_" + number + ".onPressed"); mouse.accepted = false; } onReleased:{ console.log("_mouse_" + number + ".onReleased"); mouse.accepted = false; } onEntered: { console.log("_mouse_" + number + ".onEntered"); } onExited: { console.log("_mouse_" + number + ".onExited"); } Rectangle { id: _rect anchors.fill: parent color: "green" scale: select ? 1.0 : _mouseArea.containsMouse ? 0.95 : 0.90 } } }
Может есть мысли как это сделать.
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!
Пікірлер
Г
- Геній
- Қыр. 13, 2024, 12:46 Т.Қ.
C++ - Тест 001. Первая программа и типы данных
- Нәтиже:66ұпай,
- Бағалау ұпайлары-1
t
- torgaev_2024
- Қыр. 8, 2024, 6:20 Т.Ж.
C++ - Тест 001. Первая программа и типы данных
- Нәтиже:33ұпай,
- Бағалау ұпайлары-10
Соңғы пікірлер
Linux жүйесінде файлдарды қалай көшіруге болады Задумывались когда-нибудь о том, как мы привыкли доверять свои вещи службам грузоперевозок? Сейчас такие услуги стали неотъемлемой частью нашей жизни, особенно когда речь идет о переездах между …
ВР
Linux жүйесінде файлдарды қалай көшіруге болады Screenshot_20240802-065123.png
Влад РусоковТам. 2, 2024, 1:47 Т.Ж.
QML - Сабақ 016. SQLite деректер қоры және онымен QML Qt-та жұмыс істеу Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Qt Linux - Сабақ 001. Linux астында Autorun Qt қолданбасы как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Сабақ 007. Qt ішінде ICMP Ping арқылы жұмыс істеу Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий КононенкоАқп. 5, 2024, 1:50 Т.Ж.
Енді форумда талқылаңыз
Evgenii LegotckoiМаусым 24, 2024, 3:11 Т.Қ.
при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …
BlinCTМаусым 25, 2024, 1 Т.Ж.
BlinCTМамыр 5, 2024, 5:46 Т.Ж.
Evgenii LegotckoiМамыр 2, 2024, 2:07 Т.Қ.
Как вариант, считать пересечение объектов с прямоугольником выделения,
примерный код набрасал: