Added first project implementation

2024-01-22 17:37:10 +09:00
parent 3a23721644
commit 661a1b6ba2
35 changed files with 1559 additions and 0 deletions
--- a/qml/Controls/Switch.qml
+++ b/qml/Controls/Switch.qml
@@ -0,0 +1,73 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12 as Controls
+import QtQuick.Layouts 1.12
+
+import Palette 1.0
+
+Controls.Switch {
+    id: control
+
+    implicitHeight: 128
+    padding: 12
+
+    property string firstStateDescription
+    property string secondStateDescription
+
+    indicator: Item {
+        anchors.fill: control
+        anchors.margins: control.padding
+
+        RowLayout {
+            anchors.fill: parent
+            spacing: 0
+
+            Controls.Label {
+                id: firstLabel
+
+                text: control.firstStateDescription
+                horizontalAlignment: Text.AlignHCenter
+                verticalAlignment: Text.AlignVCenter
+
+                font.family: "Roboto"
+                font.pixelSize: 72
+                font.weight: Font.Bold
+
+                color: control.checked ? Palette.labelTextColor : Palette.alternativeLabelTextColor
+                Layout.preferredWidth: (parent.width -parent.spacing) / 2
+            }
+
+            Controls.Label {
+                id: secondLabel
+
+                text: control.secondStateDescription
+                horizontalAlignment: Text.AlignHCenter
+                verticalAlignment: Text.AlignVCenter
+
+                font.family: "Roboto"
+                font.pixelSize: 72
+                font.weight: Font.Bold
+
+                color: control.checked ? Palette.alternativeLabelTextColor : Palette.labelTextColor
+                Layout.preferredWidth: (parent.width -parent.spacing) / 2
+            }
+        }
+
+        Rectangle {
+            color: Palette.switchActiveBackgroundColor
+            radius: 24
+
+            width: control.checked ? secondLabel.width : firstLabel.width
+            height: parent.height
+            x: control.checked ? secondLabel.x : firstLabel.x
+            z: -1
+        }
+    }
+
+    contentItem: Item {
+    }
+
+    background: Rectangle {
+        color: Palette.switchBackgroundColor
+        radius: 32
+    }
+}