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 } } }
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.Do you like it? Share on social networks!
AD
- Akiv Doros
- Nov. 12, 2024, 1:58 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:50points,
- Rating points-4
m
- molni99
- Oct. 26, 2024, 11:37 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:80points,
- Rating points4
m
- molni99
- Oct. 26, 2024, 11:29 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:20points,
- Rating points-10
Last comments
ИМ
Django - Tutorial 017. Customize the login page to Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
Игорь МаксимовNov. 22, 2024, 10:51 p.m.
Evgenii LegotckoiNov. 1, 2024, 12:37 a.m.
Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
ИМ
Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
Игорь МаксимовOct. 5, 2024, 5:51 p.m.
QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Now discuss on the forum
Mosquito Spray System Effective Mosquito Systems for Backyard | Eco-Friendly Misting Control Device & Repellent Spray - Moogo ; Upgrade your backyard with our mosquito-repellent device! Our misters conce…
Evgenii LegotckoiJune 25, 2024, 1:11 a.m.
t
google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
tonypeachey1Nov. 15, 2024, 5:04 p.m.
NSProjectJune 4, 2022, 1:49 p.m.
IscanderCheNov. 1, 2024, 1:43 a.m.
Да, с синтаксисом были проблемы, спасибо за подсказку. Правильно было бы так:
И всё же так работает только наведение, на нажатие не рагирует. Попробовал так:
То же самое.
Добавил в MouseArea
Результат как с onClicked - один раз меняется цвет и больше не реагирует на события.
Поэтому добавил onReleased - поведение оказалось не таким как предполагалось интуитивно, но меня устроит. После отжимания, кнопка приобретает указанный цвет и больше не реагирует на наведение. В моём случае это и не понадобится, а могло бы.
Не сказать что такой вариант устраивает, остаются вопросы, нехорошо. Но пока можно и так.
С третьей кнопкой все целиком так. Если есть идеи по очеловечиванию этой кракозябры малой кровью то прошу пожалуйста.
Читал доки. Узнал про сигналы entered, exited в MouseArea QML Type.
С ним можно сделать то о чём спрашивал, хотя может это и не лучший способ.
А вот не спросил бы - не стал бы читать доков наверное, не знаю почему так.
Ломает биндинг, поэтому лучше не использовать.
Как раз как бы его теперь сломать, чтобы после отжимания кнопка становилась серой и больше ни на что не реагировала.
Так работает превосходно, если бы только биндинг не нужно было сломать, как оказалось:
Так кнопка перестанет быть активной и не будет ни на что реагировать)
Ну там всякие anchors.fill: parent и тп - добавить по вкусу)
Хм.. по-моему пробовал такое. Проверю ещё раз после работы.
Ура, спасибо большое! Работает.
Всем спасибо за подсказки.