Introduce the ApplicationSwitcher widget

It includes only the hardcoded model with the Ultimaker links for now. CURA-8421
2025-07-16 03:07:53 -06:00 · 2021-09-20 15:33:05 +02:00 · 2021-09-20 15:33:05 +02:00 · 570fb3cf93
commit 570fb3cf93
parent 1305abac6f
6 changed files with 238 additions and 1 deletions
--- a/resources/qml/ApplicationSwitcher/ApplicationButton.qml
+++ b/resources/qml/ApplicationSwitcher/ApplicationButton.qml
@ -0,0 +1,94 @@
+// Copyright (c) 2021 Ultimaker B.V.
+// Cura is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.10
+import QtQuick.Controls 2.3
+
+import UM 1.4 as UM
+import Cura 1.1 as Cura
+
+Button
+{
+    id: base
+
+    property alias iconSource: applicationIcon.source
+    property alias displayName: applicationDisplayName.text
+    property alias tooltipText: tooltip.text
+    property bool isExternalLink: false
+
+    width: UM.Theme.getSize("application_switcher_item").width
+    height: UM.Theme.getSize("application_switcher_item").height
+
+    background: Rectangle
+    {
+        color: parent.hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("action_button")
+        border.color: parent.hovered ? UM.Theme.getColor("primary") : "transparent"
+        border.width: UM.Theme.getSize("default_lining").width
+    }
+
+    UM.TooltipArea
+    {
+        id: tooltip
+        anchors.fill: parent
+    }
+
+    Column
+    {
+        id: applicationButtonContent
+        anchors.centerIn: parent
+        spacing: UM.Theme.getSize("default_margin").width
+
+        UM.RecolorImage
+        {
+            id: applicationIcon
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            color: UM.Theme.getColor("monitor_icon_primary")
+            width: UM.Theme.getSize("application_switcher_icon").width
+            height: width
+
+            Item
+            {
+                id: externalLinkIndicator
+
+                visible: base.isExternalLink
+
+                anchors
+                {
+                    bottom: parent.bottom
+                    bottomMargin: - Math.round(height * 1 / 6)
+                    right: parent.right
+                    rightMargin: - Math.round(width * 5 / 6)
+                }
+                Rectangle
+                {
+                    anchors.centerIn: parent
+                    width: UM.Theme.getSize("small_button_icon").width
+                    height: width
+                    color: base.hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("action_button")
+                    radius: 0.5 * width
+                }
+
+                UM.RecolorImage
+                {
+                    id: externalLinkIcon
+                    anchors.centerIn: parent
+
+                    width: UM.Theme.getSize("printer_status_icon").width
+                    height: width
+
+                    color: UM.Theme.getColor("monitor_icon_primary")
+
+                    source: UM.Theme.getIcon("LinkExternal")
+                }
+            }
+        }
+
+        Label
+        {
+            id: applicationDisplayName
+            anchors.horizontalCenter: parent.horizontalCenter
+
+        }
+    }
+}