Добавил кнопку с градиентом

2018-07-24 12:02:04 +02:00
parent c624c23fee
commit f6a03e1565
5 changed files with 73 additions and 10 deletions
--- a/GradientButton.qml
+++ b/GradientButton.qml
@@ -0,0 +1,32 @@
+import QtQuick 2.0
+import QtQuick.Controls.Material 2.2
+
+Rectangle {
+    id: root
+
+    signal clicked()
+
+    Gradient {
+        id: pressedGradient
+
+        GradientStop {position: 0.0; color: Material.color(Material.Grey, Material.Shade300)}
+        GradientStop {position: 0.5; color: Material.color(Material.BlueGrey, Material.Shade300)}
+        GradientStop {position: 1.0; color: Material.color(Material.Brown, Material.Shade300)}
+    }
+
+    Gradient {
+        id: normalGradient
+
+        GradientStop {position: 0.0; color: Material.color(Material.Grey)}
+        GradientStop {position: 0.5; color: Material.color(Material.BlueGrey)}
+        GradientStop {position: 1.0; color: Material.color(Material.Brown)}
+    }
+
+    MouseArea {
+        id: ma
+
+        anchors.fill: parent
+    }
+
+    gradient: ma.pressed ? pressedGradient : normalGradient
+}