add button highlight

1 files changed, 24 insertions, 3 deletions

diff --git a/app/Onscreen.qml b/app/Onscreen.qml
index 4d5ec99..cfad090 100644
--- a/app/Onscreen.qml
+++ b/app/Onscreen.qml
@@ -94,9 +94,16 @@ Rectangle {
                 id: btn1
                 visible: btn1Name == "" ? false : true
                 text: btn1Name
-                onClicked: {
+                onReleased: {
+                    btn1.highlighted = false
                     eventHandler.onScreenReply(btn1.text)
                 }
+                onPressed: {
+                    btn1.highlighted = true
+                }
+                onCanceled: {
+                    btn1.highlighted = false
+                }
                 Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
             }
 
@@ -104,9 +111,16 @@ Rectangle {
                 id: btn2
                 visible: btn2Name == "" ? false : true
                 text: btn2Name
-                onClicked: {
+                onReleased: {
+                    btn2.highlighted = false
                     eventHandler.onScreenReply(btn2.text)
                 }
+                onPressed: {
+                    btn2.highlighted = true
+                }
+                onCanceled: {
+                    btn2.highlighted = false
+                }
                 Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
             }
 
@@ -114,9 +128,16 @@ Rectangle {
                 id: btn3
                 visible: btn3Name == "" ? false : true
                 text: btn3Name
-                onClicked: {
+                onReleased: {
+                    btn3.highlighted = false
                     eventHandler.onScreenReply(btn3.text)
                 }
+                onPressed: {
+                    btn3.highlighted = true
+                }
+                onCanceled: {
+                    btn3.highlighted = false
+                }
                 Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
             }
         }