Эдуард Неткачёв24 марта 2022 г. 14: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 хостинг.Вам это нравится? Поделитесь в социальных сетях!
Комментарии
Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Пожалуйста, авторизуйтесь или зарегистрируйтесь
d
- dsfs
- 26 апреля 2024 г. 16:56
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:80баллов,
- Очки рейтинга4
d
- dsfs
- 26 апреля 2024 г. 16:35
C++ - Тест 001. Первая программа и типы данных
- Результат:73баллов,
- Очки рейтинга1
Последние комментарии
Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий Кононенко5 февраля 2024 г. 14:50
EVA25 декабря 2023 г. 23:30
Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Сейчас обсуждают на форуме
DA
Unlock Your Aesthetic Potential: Explore MSC in Facial Aesthetics and Cosmetology in India Embark on a transformative journey with an msc in facial aesthetics and cosmetology in india . Delve into the intricate world of beauty and rejuvenation, guided by expert faculty and …
Dr Gangil Academics20 апреля 2024 г. 19:45
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
Павел Дорофеев14 апреля 2024 г. 14:35
Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…
Как вариант, считать пересечение объектов с прямоугольником выделения,
примерный код набрасал: