checkpoint

qml/Main.qml

@@ -0,0 +1,15 @@
+import QtQuick
+import QtQuick.Window
+import MyApp 1.0
+
+Window {
+    width: 800
+    height: 600
+    visible: true
+    title: "metabolus"
+    color: "black"
+
+    MainScreen {
+        anchors.fill: parent
+    }
+}

qml/qmldir

@@ -0,0 +1 @@
+module MyApp

qml/screens/MainScreen.qml

@@ -0,0 +1,9 @@
+
+import QtQuick
+import QtQuick.Controls
+import MyApp 1.0
+
+MainScreenUI {
+    //onIncrementClicked: app.increment()
+    //onResetClicked: app.reset()
+}

qml/screens/MainScreenUI.ui.qml

@@ -0,0 +1,99 @@
+
+
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+import QtQuick
+import QtQuick.Controls
+import MyApp 1.0
+
+Rectangle {
+    id: rectangle
+    width: Constants.width
+    height: Constants.height
+    color: "#181818"
+
+    Slider {
+        id: slider
+        x: 300
+        y: 282
+        value: 0.5
+        rotation: -90
+        live: true
+    }
+
+    TextInput {
+        id: sliderMax
+        x: 360
+        y: 179
+        width: 80
+        height: 20
+        color: "#b9eaff"
+        text: qsTr("100")
+        font.pixelSize: 20
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignBottom
+    }
+
+    TextInput {
+        id: sliderMin
+        x: 360
+        y: 401
+        width: 80
+        height: 20
+        color: "#b9eaff"
+        text: qsTr("100")
+        font.pixelSize: 20
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignBottom
+    }
+
+    TextInput {
+        id: sliderValue
+        x: 360
+        y: 153
+        width: 80
+        height: 20
+        color: "#63b9de"
+        text: qsTr("100")
+        font.pixelSize: 30
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignBottom
+    }
+
+    Button {
+        id: buttonReset
+        x: 359
+        y: 504
+        width: 81
+        height: 32
+        text: qsTr("Reset")
+    }
+
+    Button {
+        id: buttonIncrement
+        x: 359
+        y: 542
+        text: qsTr("Increment")
+    }
+
+    Text {
+        id: text1
+        x: 340
+        y: 471
+        width: 120
+        height: 27
+        color: "#e8cece"
+        text: qsTr("Text")
+        font.pixelSize: 20
+        horizontalAlignment: Text.AlignHCenter
+    }
+    states: [
+        State {
+            name: "clicked"
+        }
+    ]
+}