Загрузить файлы в «Ui-TEMP»

Ui-TEMP/MinecraftUI.qml

@@ -0,0 +1,177 @@
+
+
+/*
+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 UntitledProject1
+
+Rectangle {
+    id: rectangle
+    width: Constants.width
+    height: Constants.height
+    color: "#2e2e2e"
+    radius: 0
+    border.color: "#1a1a1a"
+
+    Image {
+        id: kishkaProfileIdle
+        x: 40
+        y: 239
+        source: "Profile Box/Kishka Profile Idle.svg"
+        fillMode: Image.PreserveAspectFit
+    }
+
+    Image {
+        id: kishkaVerIdle
+        x: 165
+        y: 239
+        source: "Version box/Kishka Ver idle.svg"
+        fillMode: Image.PreserveAspectFit
+    }
+
+    Button {
+        id: folderbutt
+        x: 130
+        y: 304
+        width: 70
+        height: 40
+        visible: true
+        text: qsTr("Button")
+        topPadding: 0
+        rightPadding: 0
+        leftPadding: 0
+        icon.width: 335
+        icon.source: "Folder/Folder Idle.svg"
+        icon.height: 170
+        icon.color: "#0026282a"
+        flat: true
+        display: AbstractButton.IconOnly
+        bottomPadding: 0
+    }
+
+    Button {
+        id: playbutt
+        x: 40
+        y: 57
+        width: 335
+        height: 170
+        visible: true
+        text: qsTr("Button")
+        icon.cache: false
+        rightPadding: 0
+        bottomPadding: 0
+        leftPadding: 0
+        topPadding: 0
+        flat: true
+        icon.height: 170
+        icon.width: 335
+        display: AbstractButton.IconOnly
+        icon.color: "#0026282a"
+        icon.source: "Play Button/Play Idle.svg"
+    }
+
+    Button {
+        id: optionsbut
+        x: 215
+        y: 304
+        width: 70
+        height: 40
+        visible: true
+        text: qsTr("Button")
+        topPadding: 0
+        rightPadding: 0
+        leftPadding: 0
+        icon.width: 335
+        icon.source: "Options/Options Idle.svg"
+        icon.height: 170
+        icon.color: "#0026282a"
+        icon.cache: false
+        flat: true
+        display: AbstractButton.IconOnly
+        bottomPadding: 0
+    }
+
+    states: [
+        State {
+            name: "clicked"
+            when: playbutt.pressed
+
+            PropertyChanges {
+                target: playbutt
+                x: 40
+                y: 55
+                rightPadding: 0
+                bottomPadding: 0
+                leftPadding: 0
+                topPadding: 0
+                icon.source: "Play Button/Play pressed.svg"
+            }
+        },
+
+        State {
+            name: "Hover"
+            when: playbutt.hovered
+
+            PropertyChanges {
+                target: playbutt
+                flat: true
+                icon.source: "Play Button/Play Active.svg"
+            }
+        },
+        State {
+            name: "Folder Pressed"
+            when: folderbutt.pressed
+
+            PropertyChanges {
+                target: folderbutt
+                icon.source: "Folder/Folder Pressed.svg"
+                icon.height: 170
+                icon.width: 335
+                icon.color: "#0026282a"
+            }
+        },
+
+        State {
+            name: "Folder Hover"
+            when: folderbutt.hovered
+
+            PropertyChanges {
+                target: rectangle
+                color: "#2e2e2e"
+            }
+
+            PropertyChanges {
+                target: folderbutt
+                x: 130
+                y: 304
+                icon.height: 170
+                icon.width: 335
+                icon.color: "#0026282a"
+                icon.source: "Folder/Folder Active.svg"
+            }
+        },
+        State {
+            name: "Option Pressed"
+            when: optionsbut.pressed
+
+            PropertyChanges {
+                target: optionsbut
+                icon.source: "Options/Options active.svg"
+            }
+        },
+        State {
+            name: "OptionHover"
+            when: optionsbut.hovered
+
+            PropertyChanges {
+                target: optionsbut
+                icon.source: "Options/Options Pressed.svg"
+            }
+        }
+    ]
+}