1 files changed, 57 insertions, 0 deletions
diff --git a/tests/manual/planets-qml/PlanetButton.qml b/tests/manual/planets-qml/PlanetButton.qml
new file mode 100644
index 000000000..282303f47
--- /dev/null
+++ b/tests/manual/planets-qml/PlanetButton.qml
@@ -0,0 +1,57 @@
+// Copyright (C) 2016 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.0
+
+Rectangle {
+    id: planetButton
+
+    property alias text: planetText.text
+    property alias source: planetImage.source
+    property alias focusPlanet: planetImage.focusPlanet
+    property Item planetSelector: parent.parent
+    property int buttonSize: 70
+    property int fontSize: 16
+
+    width: buttonSize
+    height: buttonSize
+    color: "transparent"
+
+    Image {
+        id: planetImage
+        anchors.fill: parent
+        property int focusPlanet
+
+        MouseArea {
+            anchors.fill: parent
+            hoverEnabled: true
+            onClicked: { planetSelector.focusedPlanet = focusPlanet }
+            onEntered: PropertyAnimation { target: planetText; property: "opacity"; to: 1 }
+            onExited: PropertyAnimation {
+                target: planetText
+                property: "opacity"
+                to: {
+                    if (planetText.text != "Solar System")
+                       0
+                    else
+                       1
+                }
+            }
+        }
+    }
+
+    Text {
+        id: planetText
+        anchors.centerIn: parent
+        font.family: "Helvetica"
+        font.pixelSize: fontSize
+        font.weight: Font.Light
+        color: "white"
+        opacity: {
+            if (text == "Solar System" || (Qt.platform.os === "tvos" && planetButton.activeFocus))
+                opacity = 1
+            else
+                opacity = 0
+        }
+    }
+}