QML: изменение стиля при наведении и при нажатии на кнопку
hover, containsMouse, mouseArea, onhover
Получается сделать либо одно либо другое, но не то и другое одновременно.
так работает: color: parent.pressed ? "violet" : "pink"
и так тоже: color: mouseArea.containsMouse ? "blue" : "magenta"
А вот так уже нет:
if (parent.pressed) { color: "red" } else if (mouseArea.containsMouse) { color: "blue" } else { color: "green" }
Пробовал и по-другому писать условия, не получается.
Весь работающий (по отдельности) код:
import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.12 import QtQuick.Layouts 1.12 Window { id: win visible: true width: 640 height: 480 title: qsTr("Hover and Press") ColumnLayout { anchors.fill: parent spacing: 25 Item { Layout.fillHeight: true } Button { Layout.alignment: Qt.AlignCenter implicitWidth: 200 implicitHeight: 100 background: Rectangle { border.width:5 border.color: parent.pressed ? "pink" : "violet" color: parent.pressed ? "violet" : "pink" radius: width/4 Text { anchors.centerIn: parent font.pointSize: 16 font.bold: true text: "PRESS" } } } Button { Layout.alignment: Qt.AlignCenter implicitWidth: 200 implicitHeight: 100 MouseArea { id: mouseArea anchors.fill: parent hoverEnabled: true } background: Rectangle { border.width:5 border.color: mouseArea.containsMouse ? "magenta" : "blue" color: mouseArea.containsMouse ? "blue" : "magenta" radius: width/4 Text { anchors.centerIn: parent font.pointSize: 16 font.bold: true text: "HOVER" } } } Item { Layout.fillHeight: true } } }
Рекомендуємо хостинг TIMEWEB
Stabiles Hosting des sozialen Netzwerks EVILEG. Wir empfehlen VDS-Hosting für Django-Projekte.Magst du es? In sozialen Netzwerken teilen!
Kommentare
sf
- sdfsdfkp fgskpgokspdog
- 14. Oktober 2024 15:09
C++ - Тест 004. Указатели, Массивы и Циклы
- Ergebnis:90punkte,
- Bewertungspunkte8
МВ
- Максим Васильев
- 2. Oktober 2024 04:14
Qt - Тест 001. Сигналы и слоты
- Ergebnis:68punkte,
- Bewertungspunkte-1
ЛС
- Лев Семенов
- 30. September 2024 11:04
C++ - Тест 001. Первая программа и типы данных
- Ergebnis:53punkte,
- Bewertungspunkte-4
Letzte Kommentare
Fb3-Dateileser auf Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
ИМ
Django – Lektion 064. So schreiben Sie eine Python-Markdown-Erweiterung Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
Игорь Максимов5. Oktober 2024 07:51
QML - Lektion 016. SQLite-Datenbank und das Arbeiten damit in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Qt Linux - Lektion 001. Autorun Qt-Anwendung unter Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Lektion 007. Arbeiten mit ICMP-Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий Кононенко5. Februar 2024 01:50
Jetzt im Forum diskutieren
добавить qlineseries в функции Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты https://topdecorpro.ru…
ИМ
Реализация навигации по разделам Спасибо Евгений!
Игорь Максимов3. Oktober 2024 04:05
Indian Food Restaurant In Columbus OH| Layla’s Kitchen Indian Restaurant If you're looking for a truly authentic https://www.laylaskitchenrestaurantohio.com/ , Layla’s Kitchen Indian Restaurant is your go-to destination. Located at 6152 Cleveland Ave, Colu…
КГ
Не запускается программа на Qt: точка входа в процедуру не найдена в библиотеке DLL Написал программу на C++ Qt в Qt Creator, сбилдил Release с помощью MinGW 64-bit, бинарнику напихал dll-ки с помощью windeployqt.exe. При попытке запуска моей сбилженной программы выдаёт три оши…
Кирилл Гусарев27. September 2024 09:09
при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …
Да, с синтаксисом были проблемы, спасибо за подсказку. Правильно было бы так:
И всё же так работает только наведение, на нажатие не рагирует. Попробовал так:
То же самое.
Добавил в MouseArea
Результат как с onClicked - один раз меняется цвет и больше не реагирует на события.
Поэтому добавил onReleased - поведение оказалось не таким как предполагалось интуитивно, но меня устроит. После отжимания, кнопка приобретает указанный цвет и больше не реагирует на наведение. В моём случае это и не понадобится, а могло бы.
Не сказать что такой вариант устраивает, остаются вопросы, нехорошо. Но пока можно и так.
С третьей кнопкой все целиком так. Если есть идеи по очеловечиванию этой кракозябры малой кровью то прошу пожалуйста.
Читал доки. Узнал про сигналы entered, exited в MouseArea QML Type.
С ним можно сделать то о чём спрашивал, хотя может это и не лучший способ.
А вот не спросил бы - не стал бы читать доков наверное, не знаю почему так.
Ломает биндинг, поэтому лучше не использовать.
Как раз как бы его теперь сломать, чтобы после отжимания кнопка становилась серой и больше ни на что не реагировала.
Так работает превосходно, если бы только биндинг не нужно было сломать, как оказалось:
Так кнопка перестанет быть активной и не будет ни на что реагировать)
Ну там всякие anchors.fill: parent и тп - добавить по вкусу)
Хм.. по-моему пробовал такое. Проверю ещё раз после работы.
Ура, спасибо большое! Работает.
Всем спасибо за подсказки.