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. 11, 2024, 2:58 p.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:50points,
- Rating points-4
m
- molni99
- Oct. 26, 2024, 1:37 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:80points,
- Rating points4
m
- molni99
- Oct. 26, 2024, 1:29 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:20points,
- Rating points-10
Last comments
Django - Tutorial 055. How to write auto populate field functionality Freckles because of several brand names retin a, atralin buy generic priligy
QML - Tutorial 035. Using enumerations in QML without C ++ priligy cvs 24 Together with antibiotics such as amphotericin B 10, griseofulvin 11 and streptomycin 12, chloramphenicol 9 is in the World Health Organisation s List of Essential Medici…
Qt/C++ - Lesson 052. Customization Qt Audio player in the style of AIMP It decreases stress, supports hormone balance, and regulates and increases blood flow to the reproductive organs buy priligy online safe Promising data were reported in a PDX model re…
Heap sorting algorithm The role of raloxifene in preventing breast cancer priligy precio
PyQt5 - Lesson 006. Work with QTableWidget buy priligy 60 mg 53 have been reported by Javanovic Santa et al
Now discuss on the forum
добавить qlineseries в функции buy priligy senior brother Chu He, whom he had known for many years
Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
IscanderCheOct. 31, 2024, 3:43 p.m.
Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…
ИМ
Реализация навигации по разделам Спасибо Евгений!
Игорь МаксимовOct. 3, 2024, 4:05 a.m.
Да, с синтаксисом были проблемы, спасибо за подсказку. Правильно было бы так:
И всё же так работает только наведение, на нажатие не рагирует. Попробовал так:
То же самое.
Добавил в MouseArea
Результат как с onClicked - один раз меняется цвет и больше не реагирует на события.
Поэтому добавил onReleased - поведение оказалось не таким как предполагалось интуитивно, но меня устроит. После отжимания, кнопка приобретает указанный цвет и больше не реагирует на наведение. В моём случае это и не понадобится, а могло бы.
Не сказать что такой вариант устраивает, остаются вопросы, нехорошо. Но пока можно и так.
С третьей кнопкой все целиком так. Если есть идеи по очеловечиванию этой кракозябры малой кровью то прошу пожалуйста.
Читал доки. Узнал про сигналы entered, exited в MouseArea QML Type.
С ним можно сделать то о чём спрашивал, хотя может это и не лучший способ.
А вот не спросил бы - не стал бы читать доков наверное, не знаю почему так.
Ломает биндинг, поэтому лучше не использовать.
Как раз как бы его теперь сломать, чтобы после отжимания кнопка становилась серой и больше ни на что не реагировала.
Так работает превосходно, если бы только биндинг не нужно было сломать, как оказалось:
Так кнопка перестанет быть активной и не будет ни на что реагировать)
Ну там всякие anchors.fill: parent и тп - добавить по вкусу)
Хм.. по-моему пробовал такое. Проверю ещё раз после работы.
Ура, спасибо большое! Работает.
Всем спасибо за подсказки.