diff --git a/HomeKanban.ui.qml b/HomeKanban.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..901c6a05407d21278eb7d528eed99d37cc9cfc1c
--- /dev/null
+++ b/HomeKanban.ui.qml
@@ -0,0 +1,1527 @@
+import QtQuick 2.12
+import InfotainmentDemo 1.0
+import QtQuick.Studio.Components 1.0
+import QtQuick.Shapes 1.0
+import QtQuick.Studio.Effects 1.0
+import QtQuick.Timeline 1.0
+import QtQuick.Controls 2.13
+import QtGraphicalEffects 1.0
+import QtQuick.Extras 1.4
+import QtQuick.Layouts 1.3
+
+Rectangle {
+ id: component
+ width: Constants.width
+ height: Constants.height
+ color: "#eef4f8"
+ property alias kanbanPhone: kanbanPhone
+ property alias kanbanWeather: kanbanWeather
+ property alias kanbanMusic: kanbanMusic
+ property alias kanbanMap: kanbanMap
+ property alias kanbanMusicMouseArea: kanbanMusicMouseArea
+ property alias closingKanban: closingKanban
+ property alias kanbanMapMouseArea: kanbanMapMouseArea
+ property alias timelineAnimation: timelineAnimation
+ property alias timeline: timeline
+ property alias element34: element34
+
+ NeumorphPanel {
+ id: kanbanMap
+ x: 100
+ y: 35
+ width: 256
+ height: 410
+
+ MouseArea {
+ id: kanbanMapMouseArea
+ anchors.fill: parent
+ }
+
+ OpacityMaskItem {
+ id: headerMap
+ x: 2
+ y: 2
+ width: 252
+
+ Image {
+ id: image22
+ x: -2
+ y: -2
+ width: 252
+ height: 175
+ fillMode: Image.PreserveAspectCrop
+ source: "images/map_background.png"
+
+ Image {
+ id: image25
+ x: 100
+ y: 66
+ fillMode: Image.PreserveAspectFit
+ source: "images/marker.png"
+ }
+ }
+
+ Rectangle {
+ id: rectangle
+ width: 252
+ height: 173
+ color: "#ffffff"
+ radius: 8
+ border.width: 0
+ }
+ }
+
+ NeumorphButton {
+ id: neumorphButton
+ x: 20
+ y: 197
+ width: 217
+ height: 56
+ opacity: 1
+
+ Text {
+ id: element
+ x: 8
+ y: 0
+ width: 201
+ height: 40
+ text: "Tokyo Metropolitan Government Building"
+ wrapMode: Text.WordWrap
+ verticalAlignment: Text.AlignVCenter
+ font.pixelSize: 14
+ }
+
+ Text {
+ id: element1
+ x: 68
+ y: 38
+ width: 98
+ height: 18
+ text: qsTr("15 min")
+ font.bold: true
+ horizontalAlignment: Text.AlignRight
+ verticalAlignment: Text.AlignVCenter
+ font.pixelSize: 14
+ }
+
+ Text {
+ id: element2
+ x: 166
+ y: 38
+ width: 43
+ height: 18
+ text: qsTr("6km")
+ horizontalAlignment: Text.AlignRight
+ font.pixelSize: 12
+ verticalAlignment: Text.AlignVCenter
+ }
+ }
+
+ NeumorphButton {
+ id: neumorphButton1
+ x: 20
+ y: 267
+ width: 217
+ height: 56
+ opacity: 1
+ Text {
+ id: element3
+ x: 8
+ y: 0
+ width: 201
+ height: 40
+ text: "Work"
+ font.bold: true
+ horizontalAlignment: Text.AlignHCenter
+ font.pixelSize: 16
+ verticalAlignment: Text.AlignVCenter
+ wrapMode: Text.WordWrap
+ }
+
+ Text {
+ id: element4
+ x: 68
+ y: 38
+ width: 98
+ height: 18
+ text: qsTr("1 min")
+ font.pixelSize: 14
+ verticalAlignment: Text.AlignVCenter
+ font.bold: true
+ horizontalAlignment: Text.AlignRight
+ }
+
+ Text {
+ id: element5
+ x: 167
+ y: 38
+ width: 42
+ height: 18
+ text: qsTr("1km")
+ font.pixelSize: 12
+ verticalAlignment: Text.AlignVCenter
+ horizontalAlignment: Text.AlignRight
+ }
+ }
+
+ NeumorphButton {
+ id: neumorphButton2
+ x: 20
+ y: 334
+ width: 217
+ height: 56
+ opacity: 1
+ Text {
+ id: element6
+ x: 8
+ y: 0
+ width: 201
+ height: 40
+ text: "Home"
+ font.bold: true
+ horizontalAlignment: Text.AlignHCenter
+ font.pixelSize: 15
+ verticalAlignment: Text.AlignVCenter
+ wrapMode: Text.WordWrap
+ }
+
+ Text {
+ id: element7
+ x: 67
+ y: 38
+ width: 98
+ height: 18
+ text: qsTr("1 h 15 min")
+ font.pixelSize: 14
+ font.bold: true
+ verticalAlignment: Text.AlignVCenter
+ horizontalAlignment: Text.AlignRight
+ }
+
+ Text {
+ id: element8
+ x: 164
+ y: 38
+ width: 45
+ height: 18
+ text: qsTr("45km")
+ font.pixelSize: 12
+ verticalAlignment: Text.AlignVCenter
+ horizontalAlignment: Text.AlignRight
+ }
+ }
+ }
+
+ NeumorphPanel {
+ id: kanbanMusic
+ x: 367
+ y: 35
+ width: 256
+ height: 410
+
+ MouseArea {
+ id: kanbanMusicMouseArea
+ anchors.fill: parent
+ }
+
+ Image {
+ id: image1
+ x: 8
+ y: 8
+ width: 127
+ height: 134
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Hero.jpg"
+ }
+
+ Text {
+ id: element9
+ x: 117
+ y: 148
+ text: qsTr("Hero")
+ anchors.horizontalCenterOffset: 0
+ font.bold: true
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.pixelSize: 16
+ }
+
+ Text {
+ id: element10
+ x: 111
+ y: 168
+ text: qsTr("Amuro Namie")
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.pixelSize: 14
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton
+ x: 88
+ y: 191
+ width: 60
+ height: 60
+ anchors.horizontalCenterOffset: 0
+ antialiasing: true
+ anchors.horizontalCenter: parent.horizontalCenter
+
+ Image {
+ id: image23
+ x: 0
+ y: 0
+ anchors.horizontalCenterOffset: 3
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/play.png"
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton1
+ x: 89
+ y: 199
+ width: 45
+ height: 45
+ anchors.horizontalCenterOffset: 82
+ anchors.horizontalCenter: parent.horizontalCenter
+ antialiasing: false
+
+ Image {
+ id: image
+ x: 0
+ y: 0
+ anchors.horizontalCenterOffset: 2
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/for.png"
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton2
+ x: 91
+ y: 199
+ width: 45
+ height: 45
+ anchors.horizontalCenter: parent.horizontalCenter
+ antialiasing: false
+ anchors.horizontalCenterOffset: -74
+
+ Image {
+ id: image24
+ x: 0
+ y: 0
+ anchors.horizontalCenterOffset: -2
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/rew.png"
+ }
+ }
+
+ Item {
+ id: songItem01
+ x: 9
+ y: 257
+ width: 238
+ height: 46
+ scale: 1
+
+ Image {
+ id: image2
+ x: 0
+ y: 0
+ width: 46
+ height: 46
+ fillMode: Image.PreserveAspectCrop
+ source: "images/BLACKPINK IN YOUR AREA.jpg"
+ }
+
+ Text {
+ id: element11
+ x: 52
+ y: 13
+ width: 172
+ height: 13
+ text: qsTr("06 - DDU-DU DDU-DU")
+ font.bold: true
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element12
+ x: 52
+ y: 27
+ width: 172
+ height: 14
+ text: qsTr("BLACKPINK")
+ font.pixelSize: 12
+ }
+ }
+
+ Item {
+ id: songItem02
+ x: 9
+ y: 307
+ width: 238
+ height: 46
+ scale: 1
+
+ Text {
+ id: element14
+ x: 52
+ y: 24
+ width: 172
+ height: 14
+ text: qsTr("WJSN")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element13
+ x: 52
+ y: 10
+ width: 172
+ height: 13
+ text: qsTr("02 - Miracle")
+ font.pixelSize: 12
+ font.bold: true
+ }
+
+ Image {
+ id: image3
+ x: 0
+ y: 0
+ width: 46
+ height: 46
+ fillMode: Image.PreserveAspectCrop
+ source: "images/Happy.jpg"
+ }
+ }
+
+ Item {
+ id: songItem03
+ x: 9
+ y: 356
+ width: 238
+ height: 46
+ Text {
+ id: element35
+ x: 52
+ y: 24
+ width: 172
+ height: 14
+ text: qsTr("Mr.Children")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element36
+ x: 52
+ y: 10
+ width: 172
+ height: 13
+ text: qsTr("01 - ã—ã‚‹ã—")
+ font.bold: true
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image26
+ x: 0
+ y: 0
+ width: 46
+ height: 46
+ source: "images/ã—ã‚‹ã—.jpg"
+ fillMode: Image.PreserveAspectCrop
+ }
+ }
+ }
+
+ NeumorphPanel {
+ id: kanbanWeather
+ x: 635
+ y: 35
+ width: 256
+ height: 410
+ clip: false
+
+ OpacityMaskItem {
+ id: opacityMask1
+ x: 2
+ y: 0
+ width: 252
+ height: 225
+
+ Item {
+ id: element15
+ width: 252
+ height: 225
+
+ Image {
+ id: image4
+ x: 0
+ y: -114
+ width: 252
+ height: 400
+ fillMode: Image.PreserveAspectFit
+ source: "images/weather_background.png"
+ }
+ }
+
+ Rectangle {
+ id: rectangle1
+ width: 252
+ height: 173
+ color: "#ffffff"
+ radius: 8
+ border.width: 0
+ }
+ }
+
+ Text {
+ id: element16
+ x: -70
+ y: 18
+ color: "#ffffff"
+ text: qsTr("Chiyoda-ku")
+ font.bold: true
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.pixelSize: 30
+ }
+
+ Text {
+ id: element17
+ x: -75
+ y: 60
+ color: "#ffffff"
+ text: qsTr("Tokyo")
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.pixelSize: 30
+ font.bold: true
+ }
+
+ Text {
+ id: element18
+ x: -74
+ y: 153
+ color: "#ffffff"
+ text: qsTr("26°")
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.pixelSize: 60
+ font.bold: true
+ anchors.horizontalCenterOffset: 8
+ }
+
+ Image {
+ id: image5
+ x: 112
+ y: 107
+ width: 46
+ height: 40
+ anchors.horizontalCenter: parent.horizontalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Sun icon.png"
+ }
+
+ Item {
+ id: wheatherItemList
+ x: 2
+ y: 231
+ width: 252
+ height: 171
+ clip: true
+
+ Item {
+ id: wheatherItem03
+ x: 167
+ y: 22
+ width: 73
+ height: 149
+
+ Text {
+ id: element24
+ x: 18
+ y: 102
+ text: qsTr("24°")
+ font.pixelSize: 24
+ font.bold: false
+ }
+
+ Image {
+ id: image8
+ x: 12
+ y: 41
+ width: 49
+ height: 50
+ fillMode: Image.PreserveAspectFit
+ source: "images/Cloudy.png"
+ }
+
+ Text {
+ id: element23
+ x: 20
+ y: 7
+ text: qsTr("TUE")
+ font.pixelSize: 18
+ font.bold: false
+ }
+ }
+
+ Item {
+ id: wheatherItem02
+ x: 14
+ y: 22
+ width: 73
+ height: 149
+
+ Text {
+ id: element22
+ x: 18
+ y: 102
+ text: qsTr("18°")
+ font.pixelSize: 24
+ font.bold: false
+ }
+
+ Image {
+ id: image7
+ x: 12
+ y: 41
+ width: 49
+ height: 50
+ fillMode: Image.PreserveAspectFit
+ source: "images/Rain.png"
+ }
+
+ Text {
+ id: element21
+ x: 20
+ y: 7
+ text: qsTr("SUN")
+ font.pixelSize: 18
+ font.bold: false
+ }
+ }
+
+ Item {
+ id: wheatherItem01
+ x: 88
+ y: 22
+ width: 73
+ height: 149
+
+ Text {
+ id: element20
+ x: 19
+ y: 102
+ text: qsTr("26°")
+ font.pixelSize: 24
+ font.bold: false
+ }
+
+ Image {
+ id: image6
+ x: 13
+ y: 41
+ width: 49
+ height: 50
+ fillMode: Image.PreserveAspectFit
+ source: "images/Sun.png"
+ }
+
+ Text {
+ id: element19
+ x: 16
+ y: 7
+ text: qsTr("MON")
+ font.bold: true
+ font.pixelSize: 18
+ }
+ }
+ }
+ }
+
+ NeumorphPanel {
+ id: kanbanPhone
+ x: 902
+ y: 35
+ width: 256
+ height: 410
+ transformOrigin: Item.Center
+ rotation: 0
+
+ Image {
+ id: image9
+ x: 78
+ y: 189
+ width: 100
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 1.png"
+ }
+
+ Image {
+ id: image10
+ x: 78
+ y: 302
+ width: 100
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 48.png"
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton3
+ x: 12
+ y: 209
+ width: 60
+ height: 60
+ antialiasing: true
+
+ Image {
+ id: image11
+ x: 12
+ y: 12
+ width: 32
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 12.png"
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton4
+ x: 188
+ y: 209
+ width: 60
+ height: 60
+ antialiasing: true
+
+ Image {
+ id: image12
+ x: 12
+ y: 12
+ width: 32
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 13.png"
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton5
+ x: 12
+ y: 322
+ width: 60
+ height: 60
+ antialiasing: true
+ Image {
+ id: image13
+ x: 12
+ y: 12
+ width: 32
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 12.png"
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton6
+ x: 188
+ y: 322
+ width: 60
+ height: 60
+ antialiasing: true
+ Image {
+ id: image14
+ x: 12
+ y: 12
+ width: 32
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 13.png"
+ }
+ }
+
+ OpacityMaskItem {
+ id: opacityMask2
+ x: 2
+ y: 2
+
+ Image {
+ id: image21
+ fillMode: Image.PreserveAspectFit
+ source: "images/contact_background.png"
+ }
+
+ Rectangle {
+ id: rectangle2
+ width: 252
+ height: 173
+ color: "#ffffff"
+ radius: 8
+ border.width: 0
+ }
+ }
+
+ Item {
+ id: contactItem01
+ x: 12
+ y: 22
+ width: 234
+ height: 36
+ opacity: 1
+
+ Image {
+ id: image15
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 35.png"
+ }
+
+ Text {
+ id: element25
+ x: 42
+ y: 0
+ color: "#ffffff"
+ text: qsTr("John Smith")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element26
+ x: 42
+ y: 22
+ color: "#ffffff"
+ text: qsTr("+972 76 689 398")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image16
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/redicn.png"
+ }
+
+ Text {
+ id: element27
+ x: 176
+ y: 11
+ color: "#ffffff"
+ text: qsTr("10min ago")
+ font.pixelSize: 12
+ }
+ }
+
+ Item {
+ id: contactItem02
+ x: 12
+ y: 70
+ width: 234
+ height: 36
+ opacity: 1
+
+ Image {
+ id: image17
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 5.png"
+ }
+
+ Text {
+ id: element30
+ x: 176
+ y: 11
+ color: "#ffffff"
+ text: qsTr("10:01 PM")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image18
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/greenicon copy.png"
+ }
+
+ Text {
+ id: element29
+ x: 42
+ y: 22
+ color: "#ffffff"
+ text: qsTr("+972 76 264 861")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element28
+ x: 42
+ y: 0
+ color: "#ffffff"
+ text: qsTr("Mark Wiebe")
+ font.pixelSize: 12
+ }
+ }
+
+ Item {
+ id: contactItem03
+ x: 12
+ y: 120
+ width: 234
+ height: 36
+ opacity: 1
+
+ Text {
+ id: element33
+ x: 176
+ y: 11
+ color: "#ffffff"
+ text: qsTr("yesterday")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image20
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/greenicon copy.png"
+ }
+
+ Text {
+ id: element32
+ x: 42
+ y: 22
+ color: "#ffffff"
+ text: qsTr("+972 52 670 610")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element31
+ x: 42
+ y: 0
+ color: "#ffffff"
+ text: qsTr("Victoria Alexis")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image19
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 65.png"
+ }
+ }
+ }
+
+ Timeline {
+ id: timeline
+ animations: [
+ TimelineAnimation {
+ id: timelineAnimation
+ pingPong: true
+ loops: 1
+ running: false
+ duration: 1000
+ from: 0
+ to: 1000
+ }
+ ]
+ enabled: false
+ endFrame: 2000
+ startFrame: 0
+
+ KeyframeGroup {
+ target: kanbanMap
+ property: "y"
+
+ Keyframe {
+ easing.bezierCurve: [0.55, 0.055, 0.675, 0.19, 1, 1]
+ frame: 502
+ value: -500
+ }
+
+ Keyframe {
+ frame: 0
+ value: 35
+ }
+ }
+ }
+
+ NeumorphButton {
+ id: homeButton
+ x: 8
+ y: 8
+ width: 64
+ height: 72
+
+ MouseArea {
+ id: element34
+ anchors.fill: parent
+ }
+
+ Image {
+ id: image29
+ anchors.rightMargin: 10
+ anchors.leftMargin: 10
+ anchors.bottomMargin: 10
+ anchors.topMargin: 10
+ anchors.fill: parent
+ source: "images/Home.png"
+ fillMode: Image.PreserveAspectFit
+ }
+ }
+
+ Timeline {
+ id: timeline1
+ animations: [
+ TimelineAnimation {
+ id: timelineAnimation1
+ loops: 1
+ duration: 5000
+ running: false
+ from: 0
+ to: 5000
+ }
+ ]
+ endFrame: 5000
+ startFrame: 0
+ enabled: false
+
+ KeyframeGroup {
+ target: kanbanMap
+ property: "y"
+ Keyframe {
+ value: -450
+ frame: 0
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.0388, 0.452, 0.032, 1.15, 0.0631, 1.22, 0.112, 1.15, 0.147, 0.892, 0.193, 0.859, 0.236, 0.905, 0.301, 1.08, 0.364, 1.04, 0.45, 0.94, 0.636, 0.997, 0.682, 1.02, 0.746, 1.04, 0.775, 0.99, 1, 1]
+ value: 35
+ frame: 1567
+ }
+ }
+
+ KeyframeGroup {
+ target: kanbanMusic
+ property: "opacity"
+ Keyframe {
+ frame: 0
+ value: 0
+ }
+
+ Keyframe {
+ frame: 227
+ value: 0
+ }
+
+ Keyframe {
+ frame: 1257
+ value: 1
+ }
+ }
+
+ KeyframeGroup {
+ target: kanbanWeather
+ property: "scale"
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+
+ Keyframe {
+ value: 0
+ frame: 400
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.175, 0.885, 0.32, 1.27, 1, 1]
+ value: 1
+ frame: 1529
+ }
+ }
+
+ KeyframeGroup {
+ target: kanbanPhone
+ property: "flipRotation"
+ Keyframe {
+ value: 90
+ frame: 0
+ }
+
+ Keyframe {
+ value: 90
+ frame: 807
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.215, 0.61, 0.355, 1, 1, 1]
+ value: 0
+ frame: 1973
+ }
+ }
+
+ KeyframeGroup {
+ target: neumorphButton
+ property: "opacity"
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+
+ Keyframe {
+ value: 0
+ frame: 998
+ }
+
+ Keyframe {
+ value: 1
+ frame: 1503
+ }
+ }
+
+ KeyframeGroup {
+ target: neumorphButton1
+ property: "opacity"
+ Keyframe {
+ value: 0
+ frame: 1300
+ }
+
+ Keyframe {
+ value: 1
+ frame: 1800
+ }
+
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+ }
+
+ KeyframeGroup {
+ target: neumorphButton2
+ property: "opacity"
+ Keyframe {
+ value: 0
+ frame: 1600
+ }
+
+ Keyframe {
+ value: 1
+ frame: 2100
+ }
+
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+ }
+
+ KeyframeGroup {
+ target: songItem01
+ property: "scale"
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+
+ Keyframe {
+ value: 0
+ frame: 1300
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.175, 0.885, 0.32, 1.27, 1, 1]
+ value: 1
+ frame: 1793
+ }
+ }
+
+ KeyframeGroup {
+ target: songItem02
+ property: "scale"
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+
+ Keyframe {
+ value: 0
+ frame: 1500
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.175, 0.885, 0.32, 1.27, 1, 1]
+ value: 1
+ frame: 2007
+ }
+ }
+
+ KeyframeGroup {
+ target: songItem03
+ property: "scale"
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+
+ Keyframe {
+ value: 0
+ frame: 1700
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.175, 0.885, 0.32, 1.27, 1, 1]
+ value: 1
+ frame: 2207
+ }
+ }
+
+ KeyframeGroup {
+ target: contactItem01
+ property: "y"
+ Keyframe {
+ value: 120
+ frame: 0
+ }
+
+ Keyframe {
+ value: 120
+ frame: 2000
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.175, 0.885, 0.32, 1.27, 1, 1]
+ value: 22
+ frame: 2500
+ }
+ }
+
+ KeyframeGroup {
+ target: contactItem01
+ property: "opacity"
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+
+ Keyframe {
+ value: 0
+ frame: 2000
+ }
+
+ Keyframe {
+ value: 1
+ frame: 2200
+ }
+ }
+
+ KeyframeGroup {
+ target: contactItem02
+ property: "y"
+ Keyframe {
+ value: 186
+ frame: 2300
+ }
+
+ Keyframe {
+ value: 186
+ frame: 0
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.175, 0.885, 0.32, 1.27, 1, 1]
+ value: 70
+ frame: 2800
+ }
+ }
+
+ KeyframeGroup {
+ target: contactItem02
+ property: "opacity"
+ Keyframe {
+ value: 0
+ frame: 2300
+ }
+
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+
+ Keyframe {
+ value: 1
+ frame: 2600
+ }
+ }
+
+ KeyframeGroup {
+ target: contactItem03
+ property: "y"
+ Keyframe {
+ value: 236
+ frame: 2600
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.175, 0.885, 0.32, 1.27, 1, 1]
+ value: 120
+ frame: 3100
+ }
+
+ Keyframe {
+ value: 236
+ frame: 0
+ }
+ }
+
+ KeyframeGroup {
+ target: contactItem03
+ property: "opacity"
+ Keyframe {
+ value: 0
+ frame: 2600
+ }
+
+ Keyframe {
+ value: 1
+ frame: 2900
+ }
+
+ Keyframe {
+ value: 0
+ frame: 0
+ }
+ }
+
+ KeyframeGroup {
+ target: wheatherItem02
+ property: "opacity"
+ Keyframe {
+ frame: 2747
+ value: 1
+ }
+
+ Keyframe {
+ frame: 0
+ value: 0
+ }
+
+ Keyframe {
+ frame: 1600
+ value: 0
+ }
+
+ Keyframe {
+ frame: 2100
+ value: 1
+ }
+ }
+
+ KeyframeGroup {
+ target: wheatherItem01
+ property: "opacity"
+ Keyframe {
+ frame: 2400
+ value: 1
+ }
+
+ Keyframe {
+ frame: 0
+ value: 0
+ }
+
+ Keyframe {
+ frame: 1900
+ value: 0
+ }
+ }
+
+ KeyframeGroup {
+ target: wheatherItem03
+ property: "opacity"
+ Keyframe {
+ frame: 0
+ value: 0
+ }
+
+ Keyframe {
+ frame: 2200
+ value: 0
+ }
+
+ Keyframe {
+ frame: 2700
+ value: 1
+ }
+ }
+ }
+
+ ParallelAnimation {
+ id: closingKanban
+
+ NumberAnimation {
+ id: numberAnimation
+ target: kanbanMap
+ property: "y"
+ to: 500
+ }
+
+ NumberAnimation {
+ id: numberAnimation1
+ target: kanbanMusic
+ property: "y"
+ to: 500
+ }
+
+ NumberAnimation {
+ id: numberAnimation2
+ target: kanbanWeather
+ property: "y"
+ to: 500
+ }
+
+ NumberAnimation {
+ id: numberAnimation3
+ target: kanbanPhone
+ property: "y"
+ to: 500
+ }
+ }
+
+ Timeline {
+ id: timeline2
+ animations: [
+ TimelineAnimation {
+ id: timelineAnimation2
+ running: true
+ from: 0
+ duration: 1000
+ loops: 1
+ to: 1000
+ }
+ ]
+ enabled: false
+ startFrame: 0
+ endFrame: 1000
+ }
+
+ states: [
+ State {
+ name: "Opening"
+
+ PropertyChanges {
+ target: timeline1
+ enabled: true
+ }
+
+ PropertyChanges {
+ target: timelineAnimation1
+ running: true
+ }
+ },
+ State {
+ name: "pageMap"
+
+ PropertyChanges {
+ target: kanbanMap
+ y: -500
+ }
+
+ PropertyChanges {
+ target: kanbanMusic
+ y: -500
+ }
+
+ PropertyChanges {
+ target: kanbanWeather
+ y: -500
+ }
+
+ PropertyChanges {
+ target: kanbanPhone
+ y: -500
+ }
+ },
+ State {
+ name: "pageMusic"
+
+ PropertyChanges {
+ target: kanbanMap
+ y: -500
+ }
+
+ PropertyChanges {
+ target: kanbanMusic
+ y: -500
+ }
+
+ PropertyChanges {
+ target: kanbanWeather
+ y: -500
+ }
+
+ PropertyChanges {
+ target: kanbanPhone
+ y: -500
+ }
+ },
+ State {
+ name: "pageWeather"
+
+ PropertyChanges {
+ target: kanbanMap
+ y: "-500"
+ }
+
+ PropertyChanges {
+ target: kanbanMusic
+ y: "-500"
+ }
+
+ PropertyChanges {
+ target: kanbanWeather
+ y: "-500"
+ }
+
+ PropertyChanges {
+ target: kanbanPhone
+ y: "-500"
+ }
+ }
+ ]
+}
+
+/*##^##
+Designer {
+ D{i:0;formeditorZoom:0.33000001311302185}
+}
+##^##*/
+
diff --git a/InfotainmentDemo.qml b/InfotainmentDemo.qml
index 91b5d9ff8aab0c7e91e04442a0073710672f7aa9..4b4164f5634e541f5b533c0624cc65eef6d5e1d8 100644
--- a/InfotainmentDemo.qml
+++ b/InfotainmentDemo.qml
@@ -1,13 +1,17 @@
import QtQuick 2.12
import InfotainmentDemo 1.0
+import QtQuick.Studio.Components 1.0
Item {
width: Constants.width
height: Constants.height
+// MyFlowView {
+
+// }
+
Screen01 {
id: screen
-
Component.onCompleted: {
state="Opening"
}
@@ -20,6 +24,8 @@ Item {
state="pageMap"
//closingKanban.start()
}
+
+
element34.onClicked: {
state=null
state="Opening"
@@ -43,16 +49,16 @@ Item {
VerticalSlideOut {
target: screen.kanbanPhone
}
-// PropertyAction {
-// target: screen.pageMap
-// property: "y"
-// }
-// PropertyAnimation {
-// target: screen.pageMap
-// property: "x"
-// from: 1280
-// to: 0
-// }
+ // PropertyAction {
+ // target: screen.pageMap
+ // property: "y"
+ // }
+ // PropertyAnimation {
+ // target: screen.pageMap
+ // property: "x"
+ // from: 1280
+ // to: 0
+ // }
}
}
]
diff --git a/InfotainmentDemo.qmlproject.qtds b/InfotainmentDemo.qmlproject.qtds
new file mode 100644
index 0000000000000000000000000000000000000000..342cf2b7c5bb0e158b81926cb82665068a95004c
--- /dev/null
+++ b/InfotainmentDemo.qmlproject.qtds
@@ -0,0 +1,125 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE QtCreatorProject>
+<!-- Written by QtDesignStudio 1.6.0, 2020-10-06T11:13:36. -->
+<qtcreator>
+ <data>
+ <variable>EnvironmentId</variable>
+ <value type="QByteArray">{4bc7d516-1b63-476e-8fa5-6ff36861d15e}</value>
+ </data>
+ <data>
+ <variable>ProjectExplorer.Project.ActiveTarget</variable>
+ <value type="int">0</value>
+ </data>
+ <data>
+ <variable>ProjectExplorer.Project.EditorSettings</variable>
+ <valuemap type="QVariantMap">
+ <value type="bool" key="EditorConfiguration.AutoIndent">true</value>
+ <value type="bool" key="EditorConfiguration.AutoSpacesForTabs">false</value>
+ <value type="bool" key="EditorConfiguration.CamelCaseNavigation">true</value>
+ <valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.0">
+ <value type="QString" key="language">Cpp</value>
+ <valuemap type="QVariantMap" key="value">
+ <value type="QByteArray" key="CurrentPreferences">CppGlobal</value>
+ </valuemap>
+ </valuemap>
+ <valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.1">
+ <value type="QString" key="language">QmlJS</value>
+ <valuemap type="QVariantMap" key="value">
+ <value type="QByteArray" key="CurrentPreferences">QmlJSGlobal</value>
+ </valuemap>
+ </valuemap>
+ <value type="int" key="EditorConfiguration.CodeStyle.Count">2</value>
+ <value type="QByteArray" key="EditorConfiguration.Codec">UTF-8</value>
+ <value type="bool" key="EditorConfiguration.ConstrainTooltips">false</value>
+ <value type="int" key="EditorConfiguration.IndentSize">4</value>
+ <value type="bool" key="EditorConfiguration.KeyboardTooltips">false</value>
+ <value type="int" key="EditorConfiguration.MarginColumn">80</value>
+ <value type="bool" key="EditorConfiguration.MouseHiding">true</value>
+ <value type="bool" key="EditorConfiguration.MouseNavigation">true</value>
+ <value type="int" key="EditorConfiguration.PaddingMode">1</value>
+ <value type="bool" key="EditorConfiguration.ScrollWheelZooming">true</value>
+ <value type="bool" key="EditorConfiguration.ShowMargin">false</value>
+ <value type="int" key="EditorConfiguration.SmartBackspaceBehavior">0</value>
+ <value type="bool" key="EditorConfiguration.SmartSelectionChanging">true</value>
+ <value type="bool" key="EditorConfiguration.SpacesForTabs">true</value>
+ <value type="int" key="EditorConfiguration.TabKeyBehavior">0</value>
+ <value type="int" key="EditorConfiguration.TabSize">8</value>
+ <value type="bool" key="EditorConfiguration.UseGlobal">true</value>
+ <value type="int" key="EditorConfiguration.Utf8BomBehavior">1</value>
+ <value type="bool" key="EditorConfiguration.addFinalNewLine">true</value>
+ <value type="bool" key="EditorConfiguration.cleanIndentation">true</value>
+ <value type="bool" key="EditorConfiguration.cleanWhitespace">true</value>
+ <value type="QString" key="EditorConfiguration.ignoreFileTypes">*.md, *.MD, Makefile</value>
+ <value type="bool" key="EditorConfiguration.inEntireDocument">false</value>
+ <value type="bool" key="EditorConfiguration.skipTrailingWhitespace">true</value>
+ </valuemap>
+ </data>
+ <data>
+ <variable>ProjectExplorer.Project.PluginSettings</variable>
+ <valuemap type="QVariantMap"/>
+ </data>
+ <data>
+ <variable>ProjectExplorer.Project.Target.0</variable>
+ <valuemap type="QVariantMap">
+ <value type="QString" key="DeviceType">Desktop</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Desktop</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Desktop</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">{8994bd34-5ed9-4c45-8c0a-94c8f33eca4a}</value>
+ <value type="int" key="ProjectExplorer.Target.ActiveBuildConfiguration">-1</value>
+ <value type="int" key="ProjectExplorer.Target.ActiveDeployConfiguration">0</value>
+ <value type="int" key="ProjectExplorer.Target.ActiveRunConfiguration">0</value>
+ <value type="int" key="ProjectExplorer.Target.BuildConfigurationCount">0</value>
+ <valuemap type="QVariantMap" key="ProjectExplorer.Target.DeployConfiguration.0">
+ <valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
+ <value type="int" key="ProjectExplorer.BuildStepList.StepsCount">0</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Deploy</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Deploy</value>
+ </valuemap>
+ <value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">1</value>
+ <valuemap type="QVariantMap" key="ProjectExplorer.DeployConfiguration.CustomData"/>
+ <value type="bool" key="ProjectExplorer.DeployConfiguration.CustomDataEnabled">false</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.DefaultDeployConfiguration</value>
+ </valuemap>
+ <value type="int" key="ProjectExplorer.Target.DeployConfigurationCount">1</value>
+ <valuemap type="QVariantMap" key="ProjectExplorer.Target.PluginSettings"/>
+ <valuemap type="QVariantMap" key="ProjectExplorer.Target.RunConfiguration.0">
+ <value type="bool" key="Analyzer.QmlProfiler.AggregateTraces">false</value>
+ <value type="bool" key="Analyzer.QmlProfiler.FlushEnabled">false</value>
+ <value type="uint" key="Analyzer.QmlProfiler.FlushInterval">1000</value>
+ <value type="QString" key="Analyzer.QmlProfiler.LastTraceFile"></value>
+ <value type="bool" key="Analyzer.QmlProfiler.Settings.UseGlobalSettings">true</value>
+ <valuelist type="QVariantList" key="CustomOutputParsers"/>
+ <value type="int" key="PE.EnvironmentAspect.Base">0</value>
+ <valuelist type="QVariantList" key="PE.EnvironmentAspect.Changes"/>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">QML Scene</value>
+ <value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QmlProjectManager.QmlRunConfiguration.QmlScene</value>
+ <value type="QString" key="ProjectExplorer.RunConfiguration.BuildKey"></value>
+ <value type="QString" key="QmlProjectManager.QmlRunConfiguration.LastUsedLanguage">en</value>
+ <value type="QString" key="QmlProjectManager.QmlRunConfiguration.MainScript">CurrentFile</value>
+ <value type="QString" key="QmlProjectManager.QmlRunConfiguration.QDeclarativeViewerArguments"></value>
+ <value type="bool" key="QmlProjectManager.QmlRunConfiguration.QDeclarativeViewerArguments.multi">false</value>
+ <value type="bool" key="QmlProjectManager.QmlRunConfiguration.UseMultiLanguage">false</value>
+ <value type="QString" key="RunConfiguration.OverrideDebuggerStartup"></value>
+ <value type="bool" key="RunConfiguration.UseCppDebugger">false</value>
+ <value type="bool" key="RunConfiguration.UseCppDebuggerAuto">true</value>
+ <value type="bool" key="RunConfiguration.UseMultiProcess">false</value>
+ <value type="bool" key="RunConfiguration.UseQmlDebugger">false</value>
+ <value type="bool" key="RunConfiguration.UseQmlDebuggerAuto">true</value>
+ </valuemap>
+ <value type="int" key="ProjectExplorer.Target.RunConfigurationCount">1</value>
+ </valuemap>
+ </data>
+ <data>
+ <variable>ProjectExplorer.Project.TargetCount</variable>
+ <value type="int">1</value>
+ </data>
+ <data>
+ <variable>ProjectExplorer.Project.Updater.FileVersion</variable>
+ <value type="int">22</value>
+ </data>
+ <data>
+ <variable>Version</variable>
+ <value type="int">22</value>
+ </data>
+</qtcreator>
diff --git a/MyFlowView.ui.qml b/MyFlowView.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..80b5d9f3bcf2802241ab7d8837edf0e3c15f7438
--- /dev/null
+++ b/MyFlowView.ui.qml
@@ -0,0 +1,151 @@
+import QtQuick 2.12
+import InfotainmentDemo 1.0
+import FlowView 1.0
+
+FlowView {
+ id: flowView
+ width: 12000
+ height: 12000
+ flowTransitions: [
+ FlowTransition {
+ from: flowView
+ to: flowItem
+ },
+ FlowTransition {
+ id: flowTransition
+ effect: FlowPushEffect {
+ direction: 1
+ }
+ from: flowItem
+ to: flowItem1
+ },
+ FlowTransition {
+ id: flowTransition1
+ effect: FlowPushEffect {
+ direction: 1
+ }
+ from: flowItem
+ to: flowItem2
+ },
+ FlowTransition {
+ id: flowTransition3
+ effect: FlowPushEffect {}
+ from: flowItem
+ to: flowItem4
+ },
+ FlowTransition {
+ id: flowTransition2
+ to: flowItem3
+ from: flowItem
+ }
+ ]
+
+ defaultTransition: FlowTransition {
+ id: defaultTransition
+ }
+
+ FlowItem {
+ id: flowItem
+ x: 0
+ y: 0
+ width: 1280
+ height: 480
+ clip: false
+ loaderSource: "HomeKanban.ui.qml"
+
+ FlowActionArea {
+ target: flowTransition
+ x: 106
+ y: 41
+ width: 242
+ height: 396
+ }
+
+ FlowActionArea {
+ target: flowTransition1
+ x: 371
+ y: 41
+ width: 247
+ height: 396
+ }
+
+ FlowActionArea {
+ target: flowTransition2
+ x: 642
+ y: 41
+ width: 244
+ height: 388
+
+ FlowItem {
+ id: flowItem5
+ }
+ }
+
+ FlowActionArea {
+ target: flowTransition3
+ x: 904
+ y: 41
+ width: 246
+ height: 388
+ }
+ }
+
+ FlowItem {
+ id: flowItem1
+ width: 1280
+ height: 480
+ loaderSource: "PageMap.ui.qml"
+
+ FlowActionArea {
+ width: 1280
+ height: 480
+ goBack: true
+ }
+ }
+
+ FlowItem {
+ id: flowItem2
+ loaderSource: "PageMusic.ui.qml"
+
+ FlowActionArea {
+ width: 1280
+ height: 480
+ goBack: true
+ }
+ }
+
+ FlowItem {
+ id: flowItem3
+ loaderSource: "PageWeather.ui.qml"
+
+ FlowActionArea {
+ width: 1280
+ height: 480
+ goBack: true
+ }
+ }
+
+ FlowItem {
+ id: flowItem4
+ loaderSource: "PagePhone.ui.qml"
+
+ FlowActionArea {
+ width: 1280
+ height: 480
+ goBack: true
+ }
+ }
+}
+
+/*##^##
+Designer {
+ D{i:0;formeditorColor:"#4c4e50";formeditorZoom:0.25;height:10000;width:10000}D{i:1;flowX:2888;flowY:1212}
+D{i:8;dash:true}D{i:11;flowX:2224;flowY:414;joinConnection:false}D{i:12;flowX:2236;flowY:236}
+D{i:15;flowX:2479;flowY:399.33333333333337}D{i:10;flowX:2019.9999698996548;flowY:364.9999945610762}
+D{i:17;flowX:1013;flowY:1223}D{i:16;flowX:724.9999913573265;flowY:959.9999997764826}
+D{i:19;flowX:2036;flowY:1788}D{i:18;flowX:1871.9999865889552;flowY:1578.0000063329933}
+D{i:21;flowX:2440;flowY:2384}D{i:20;flowX:2190.0000035762787;flowY:2323.5}D{i:23;flowX:3416;flowY:1212.6060581977922}
+D{i:22;flowX:3431.9999916553497;flowY:950.0000192224975}
+}
+##^##*/
+
diff --git a/NeuMorphSwitch.qml b/NeuMorphSwitch.qml
index 2d90117aa7b8087e0dfed054e618bc64c3e6d4c7..9ff0d27a3a2fb2c1017ddc10e6b09021cbcca535 100644
--- a/NeuMorphSwitch.qml
+++ b/NeuMorphSwitch.qml
@@ -3,7 +3,10 @@ import InfotainmentDemo 1.0
NeuMorphSwitchForm {
mouseArea.onClicked: {
- state = "On"
+ if (state === "Off")
+ state = "On"
+ else
+ state = "Off"
}
transitions: [
diff --git a/NeuMorphSwitchForm.ui.qml b/NeuMorphSwitchForm.ui.qml
index 57cbe774682c3e16443645765f1a2445fa0dfe9b..8cd2d01b14b918ccb70ebbac3ce6e820b2b288f2 100644
--- a/NeuMorphSwitchForm.ui.qml
+++ b/NeuMorphSwitchForm.ui.qml
@@ -47,23 +47,24 @@ NeumorphPanel {
}
}
- SequentialAnimation {
+ ParallelAnimation {
id: anim
- ColorAnimation {
- id: colorAnimation
- target: rectangle
- property: "color"
- }
-
NumberAnimation {
id: numberAnimation
target: neumorphRoundButton
property: "x"
- duration: 500
+ duration: 250
easing.bezierCurve: [0.68,-0.55,0.265,1.55,1,1]
}
+ ColorAnimation {
+ id: colorAnimation
+ target: rectangle
+ property: "color"
+ }
+
+
}
states: [
State {
diff --git a/PageMap.ui.qml b/PageMap.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..aa432b9a19bbd329e70799bf7b87240b0956146a
--- /dev/null
+++ b/PageMap.ui.qml
@@ -0,0 +1,35 @@
+import QtQuick 2.12
+import InfotainmentDemo 1.0
+import QtQuick.Studio.Components 1.0
+import QtQuick.Shapes 1.0
+import QtQuick.Studio.Effects 1.0
+import QtQuick.Timeline 1.0
+import QtQuick.Controls 2.13
+import QtGraphicalEffects 1.0
+import QtQuick.Extras 1.4
+import QtQuick.Layouts 1.3
+
+Item {
+ id: pageMap
+ width: 1280
+ height: 480
+
+ Image {
+ id: image27
+ x: 0
+ y: 0
+ width: 1280
+ height: 480
+ Image {
+ id: image28
+ x: 556
+ y: 221
+ width: 50
+ height: 50
+ source: "images/marker.png"
+ fillMode: Image.PreserveAspectFit
+ }
+ source: "images/map_background.png"
+ fillMode: Image.PreserveAspectCrop
+ }
+}
diff --git a/PageMusic.ui.qml b/PageMusic.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..b6a556ee2970b23bd9b636fa7632ace50de797c8
--- /dev/null
+++ b/PageMusic.ui.qml
@@ -0,0 +1,162 @@
+import QtQuick 2.12
+import InfotainmentDemo 1.0
+import QtQuick.Studio.Components 1.0
+import QtQuick.Shapes 1.0
+import QtQuick.Studio.Effects 1.0
+import QtQuick.Timeline 1.0
+import QtQuick.Controls 2.13
+import QtGraphicalEffects 1.0
+import QtQuick.Extras 1.4
+import QtQuick.Layouts 1.3
+
+Item {
+ id: pageMusic
+ width: 1280
+ height: 480
+
+ signal triggered
+
+ NeumorphPanel {
+ id: neumorphPanel
+ anchors.fill: parent
+
+ NeumorphButton {
+ id: neumorphButton3
+ x: 117
+ y: 30
+ width: 299
+ height: 437
+ property string property0: "none.none"
+
+ Image {
+ id: image30
+ x: 8
+ y: 8
+ width: 233
+ height: 220
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ source: "images/Hero.jpg"
+ fillMode: Image.PreserveAspectFit
+ }
+
+ Text {
+ id: element37
+ x: 117
+ y: 240
+ text: qsTr("Hero")
+ font.pixelSize: 16
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: true
+ }
+
+ Text {
+ id: element38
+ x: 111
+ y: 260
+ text: qsTr("Amuro Namie")
+ font.pixelSize: 14
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton7
+ x: 88
+ y: 298
+ width: 60
+ height: 60
+ Image {
+ id: image31
+ x: 0
+ y: 0
+ anchors.horizontalCenterOffset: 3
+ anchors.horizontalCenter: parent.horizontalCenter
+ source: "images/play.png"
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ }
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ antialiasing: true
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton8
+ x: 89
+ y: 306
+ width: 45
+ height: 45
+ Image {
+ id: image32
+ x: 0
+ y: 0
+ anchors.horizontalCenterOffset: 2
+ anchors.horizontalCenter: parent.horizontalCenter
+ source: "images/for.png"
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ }
+ anchors.horizontalCenterOffset: 82
+ anchors.horizontalCenter: parent.horizontalCenter
+ antialiasing: false
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton9
+ x: 91
+ y: 306
+ width: 45
+ height: 45
+ Image {
+ id: image33
+ x: 0
+ y: 0
+ anchors.horizontalCenterOffset: -2
+ anchors.horizontalCenter: parent.horizontalCenter
+ source: "images/rew.png"
+ anchors.verticalCenter: parent.verticalCenter
+ fillMode: Image.PreserveAspectFit
+ }
+ anchors.horizontalCenterOffset: -74
+ anchors.horizontalCenter: parent.horizontalCenter
+ antialiasing: false
+ }
+
+ Connections {
+ target: neumorphButton3
+ onClicked: triggered()
+ }
+ }
+
+ Image {
+ id: image39
+ x: 434
+ y: 30
+ fillMode: Image.PreserveAspectFit
+ source: "images/latest releases.png"
+
+ MouseArea {
+ id: mouseArea
+ x: 0
+ y: 42
+ width: 267
+ height: 55
+
+ Connections {
+ target: mouseArea
+ onPressAndHold: width > 300 ? trigged() : triggered()
+ }
+ }
+ }
+
+ Image {
+ id: image40
+ x: 438
+ y: 292
+ fillMode: Image.PreserveAspectFit
+ source: "images/recommended albums.png"
+ }
+ }
+}
diff --git a/PagePhone.ui.qml b/PagePhone.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..ccc409bf21b1731cf4370bb3e87b2d8a0a212a29
--- /dev/null
+++ b/PagePhone.ui.qml
@@ -0,0 +1,786 @@
+import QtQuick 2.12
+import InfotainmentDemo 1.0
+import QtQuick.Studio.Components 1.0
+import QtQuick.Shapes 1.0
+import QtQuick.Studio.Effects 1.0
+import QtQuick.Timeline 1.0
+import QtQuick.Controls 2.13
+import QtGraphicalEffects 1.0
+import QtQuick.Extras 1.4
+import QtQuick.Layouts 1.3
+
+Item {
+ id: pagePhone
+ width: 1280
+ height: 480
+
+ NeumorphPanel {
+ id: neumorphPanel2
+ anchors.fill: parent
+
+ NeumorphPanel {
+ id: kanbanPhone1
+ x: 114
+ y: 31
+ width: 256
+ height: 410
+ Image {
+ id: image41
+ x: 442
+ y: 69
+ width: 100
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 1.png"
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton11
+ x: 110
+ y: 20
+ width: 60
+ height: 60
+ antialiasing: true
+ Image {
+ id: image44
+ x: 12
+ y: 12
+ width: 32
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 13.png"
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton10
+ x: -66
+ y: 20
+ width: 60
+ height: 60
+ antialiasing: true
+ Image {
+ id: image43
+ x: 12
+ y: 12
+ width: 32
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 12.png"
+ }
+ }
+ }
+
+ Image {
+ id: image42
+ x: 442
+ y: 206
+ width: 100
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 48.png"
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton13
+ x: 110
+ y: 20
+ width: 60
+ height: 60
+ antialiasing: true
+ Image {
+ id: image46
+ x: 12
+ y: 12
+ width: 32
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 13.png"
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton12
+ x: -66
+ y: 20
+ width: 60
+ height: 60
+ antialiasing: true
+ Image {
+ id: image45
+ x: 12
+ y: 12
+ width: 32
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Stroke 12.png"
+ }
+ }
+ }
+
+ Grid {
+ x: 27
+ y: 118
+ spacing: 10
+ columns: 3
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton14
+ width: 60
+ height: 60
+
+ Text {
+ id: element67
+ x: 0
+ y: 0
+ text: qsTr("1")
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ horizontalAlignment: Text.AlignLeft
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.verticalCenter: parent.verticalCenter
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton15
+ width: 60
+ height: 60
+ Text {
+ id: element68
+ x: 0
+ y: 0
+ text: qsTr("2")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton16
+ width: 60
+ height: 60
+ Text {
+ id: element69
+ x: 0
+ y: 0
+ text: qsTr("3")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton17
+ width: 60
+ height: 60
+ Text {
+ id: element70
+ x: 0
+ y: 0
+ text: qsTr("4")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton18
+ width: 60
+ height: 60
+ Text {
+ id: element71
+ x: 0
+ y: 0
+ text: qsTr("5")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton19
+ width: 60
+ height: 60
+ Text {
+ id: element72
+ x: 0
+ y: 0
+ text: qsTr("6")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton20
+ width: 60
+ height: 60
+ Text {
+ id: element73
+ x: 0
+ y: 0
+ text: qsTr("7")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton21
+ width: 60
+ height: 60
+ Text {
+ id: element74
+ x: 0
+ y: 0
+ text: qsTr("8")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton22
+ width: 60
+ height: 60
+ Text {
+ id: element75
+ x: 0
+ y: 0
+ text: qsTr("9")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton24
+ width: 60
+ height: 60
+ Text {
+ id: element77
+ x: 0
+ y: 0
+ text: qsTr("*")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton23
+ width: 60
+ height: 60
+ Text {
+ id: element76
+ x: 0
+ y: 0
+ text: qsTr("0")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+
+ NeumorphRoundButton {
+ id: neumorphRoundButton25
+ width: 60
+ height: 60
+ Text {
+ id: element78
+ x: 0
+ y: 0
+ text: qsTr("#")
+ horizontalAlignment: Text.AlignLeft
+ anchors.verticalCenter: parent.verticalCenter
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: false
+ verticalAlignment: Text.AlignTop
+ font.pixelSize: 30
+ }
+ }
+ }
+
+ NeumorphButton {
+ id: neumorphButton6
+ x: 10
+ y: 17
+ width: 234
+ height: 66
+ }
+ transformOrigin: Item.Center
+ rotation: 0
+ }
+
+ Item {
+ id: contactItem1
+ x: 843
+ y: 44
+ width: 234
+ height: 36
+ Image {
+ id: image48
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 35.png"
+ }
+
+ Text {
+ id: element43
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("John Smith")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element44
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 76 689 398")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image49
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/redicn.png"
+ }
+
+ Text {
+ id: element45
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("10min ago")
+ font.pixelSize: 12
+ }
+ opacity: 1
+ }
+ Item {
+ id: contactItem2
+ x: 843
+ y: 95
+ width: 234
+ height: 36
+ Image {
+ id: image50
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 5.png"
+ }
+
+ Text {
+ id: element46
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("10:01 PM")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image51
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/greenicon copy.png"
+ }
+
+ Text {
+ id: element47
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 76 264 861")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element48
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("Mark Wiebe")
+ font.pixelSize: 12
+ }
+ opacity: 1
+ }
+ Item {
+ id: contactItem3
+ x: 843
+ y: 145
+ width: 234
+ height: 36
+ Text {
+ id: element49
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("yesterday")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image52
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/greenicon copy.png"
+ }
+
+ Text {
+ id: element50
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 52 670 610")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element51
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("Victoria Alexis")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image53
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 65.png"
+ }
+ opacity: 1
+ }
+
+ Item {
+ id: contactItem4
+ x: 843
+ y: 196
+ width: 234
+ height: 36
+ Image {
+ id: image54
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 35.png"
+ }
+
+ Text {
+ id: element52
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("John Smith")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element53
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 76 689 398")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image55
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/redicn.png"
+ }
+
+ Text {
+ id: element54
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("10min ago")
+ font.pixelSize: 12
+ }
+ opacity: 1
+ }
+
+ Item {
+ id: contactItem5
+ x: 843
+ y: 246
+ width: 234
+ height: 36
+ Image {
+ id: image56
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 5.png"
+ }
+
+ Text {
+ id: element55
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("10:01 PM")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image57
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/greenicon copy.png"
+ }
+
+ Text {
+ id: element56
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 76 264 861")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element57
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("Mark Wiebe")
+ font.pixelSize: 12
+ }
+ opacity: 1
+ }
+
+ Item {
+ id: contactItem6
+ x: 843
+ y: 297
+ width: 234
+ height: 36
+ Text {
+ id: element58
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("yesterday")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image58
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/greenicon copy.png"
+ }
+
+ Text {
+ id: element59
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 52 670 610")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element60
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("Victoria Alexis")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image59
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 65.png"
+ }
+ opacity: 1
+ }
+
+ Item {
+ id: contactItem7
+ x: 843
+ y: 347
+ width: 234
+ height: 36
+ Image {
+ id: image60
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 35.png"
+ }
+
+ Text {
+ id: element61
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("John Smith")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element62
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 76 689 398")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image61
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/redicn.png"
+ }
+
+ Text {
+ id: element63
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("10min ago")
+ font.pixelSize: 12
+ }
+ opacity: 1
+ }
+
+ Item {
+ id: contactItem8
+ x: 843
+ y: 398
+ width: 234
+ height: 36
+ Image {
+ id: image62
+ x: 0
+ y: 0
+ fillMode: Image.PreserveAspectFit
+ source: "images/Image 5.png"
+ }
+
+ Text {
+ id: element64
+ x: 176
+ y: 11
+ color: "#2b2a2a"
+ text: qsTr("10:01 PM")
+ font.pixelSize: 12
+ }
+
+ Image {
+ id: image63
+ x: 156
+ y: 9
+ width: 18
+ height: 18
+ antialiasing: true
+ fillMode: Image.PreserveAspectFit
+ source: "images/greenicon copy.png"
+ }
+
+ Text {
+ id: element65
+ x: 42
+ y: 22
+ color: "#2b2a2a"
+ text: qsTr("+972 76 264 861")
+ font.pixelSize: 12
+ }
+
+ Text {
+ id: element66
+ x: 42
+ y: 0
+ color: "#2b2a2a"
+ text: qsTr("Mark Wiebe")
+ font.pixelSize: 12
+ }
+ opacity: 1
+ }
+ }
+}
diff --git a/PageWeather.ui.qml b/PageWeather.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..bf87a605648c1b273547d90edf5ff2d13e653733
--- /dev/null
+++ b/PageWeather.ui.qml
@@ -0,0 +1,154 @@
+import QtQuick 2.12
+import InfotainmentDemo 1.0
+import QtQuick.Studio.Components 1.0
+import QtQuick.Shapes 1.0
+import QtQuick.Studio.Effects 1.0
+import QtQuick.Timeline 1.0
+import QtQuick.Controls 2.13
+import QtGraphicalEffects 1.0
+import QtQuick.Extras 1.4
+import QtQuick.Layouts 1.3
+
+Item {
+ id: pageWeather
+ width: 1280
+ height: 480
+ NeumorphPanel {
+ id: neumorphPanel1
+ anchors.fill: parent
+
+ NeumorphButton {
+ id: neumorphButton5
+ x: 112
+ y: 40
+ width: 300
+ height: 400
+
+ Image {
+ id: image35
+ x: 23
+ y: -16
+ width: 254
+ height: 416
+ fillMode: Image.PreserveAspectFit
+ source: "visibility.png"
+ }
+ }
+
+ NeumorphButton {
+ id: neumorphButton4
+ x: 428
+ y: 40
+ width: 300
+ height: 400
+
+ OpacityMaskItem {
+ id: opacityMask3
+ x: 20
+ y: 10
+ width: 260
+ height: 225
+ Item {
+ id: element39
+ width: 252
+ height: 225
+ Image {
+ id: image36
+ x: 0
+ y: -114
+ width: 252
+ height: 400
+ fillMode: Image.PreserveAspectFit
+ source: "images/weather_background.png"
+ }
+ }
+
+ Rectangle {
+ id: rectangle3
+ width: 252
+ height: 173
+ color: "#ffffff"
+ radius: 8
+ border.width: 0
+ }
+ }
+
+ Text {
+ id: element40
+ x: 61
+ y: 22
+ color: "#ffffff"
+ text: qsTr("Chiyoda-ku")
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: true
+ font.pixelSize: 30
+ }
+
+ Text {
+ id: element41
+ x: 101
+ y: 64
+ color: "#ffffff"
+ text: qsTr("Tokyo")
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.horizontalCenterOffset: 0
+ font.bold: true
+ font.pixelSize: 30
+ }
+
+ Text {
+ id: element42
+ x: 101
+ y: 163
+ color: "#ffffff"
+ text: qsTr("26°")
+ anchors.horizontalCenter: parent.horizontalCenter
+ font.bold: true
+ anchors.horizontalCenterOffset: 1
+ font.pixelSize: 60
+ }
+
+ Image {
+ id: image38
+ x: 10
+ y: 272
+ width: 292
+ height: 116
+ fillMode: Image.PreserveAspectFit
+ source: "images/temp_graph.png"
+ }
+
+ Image {
+ id: image37
+ x: 127
+ y: 119
+ width: 46
+ height: 40
+ anchors.horizontalCenterOffset: 0
+ anchors.horizontalCenter: parent.horizontalCenter
+ fillMode: Image.PreserveAspectFit
+ source: "images/Sun icon.png"
+ }
+ }
+
+ Item {
+ id: temperatureGraph
+ x: 742
+ y: 133
+ width: 538
+ height: 322
+ clip: true
+
+ Image {
+ id: image34
+ x: -84
+ y: -6
+ width: 688
+ height: 314
+ fillMode: Image.PreserveAspectFit
+ source: "images/vertical-chart.png"
+ }
+ }
+ }
+}
diff --git a/Screen01.ui.qml b/Screen01.ui.qml
index 03f1ba262ca78a4a6b18ec8f9c4b261185706aa3..47609f3a8e4c1ca73f4e5a77b899c1960c8fd882 100644
--- a/Screen01.ui.qml
+++ b/Screen01.ui.qml
@@ -14,7 +14,6 @@ Rectangle {
width: Constants.width
height: Constants.height
color: "#eef4f8"
- property alias neuMorphSwitch: neuMorphSwitch
property alias kanbanPhone: kanbanPhone
property alias kanbanWeather: kanbanWeather
property alias kanbanMusic: kanbanMusic
@@ -46,1095 +45,29 @@ Rectangle {
width: 1280
height: 480
color: "#eef4f8"
-
- NeuMorphSwitch {
- id: neuMorphSwitch
- x: 1160
- y: 363
- }
}
- Item {
+ PageMap {
id: pageMap
x: 0
y: 600
- width: 1280
- height: 480
-
- Image {
- id: image27
- x: 0
- y: 0
- width: 1280
- height: 480
- Image {
- id: image28
- x: 556
- y: 221
- width: 50
- height: 50
- source: "images/marker.png"
- fillMode: Image.PreserveAspectFit
- }
- source: "images/map_background.png"
- fillMode: Image.PreserveAspectCrop
- }
}
- Item {
+ PageMusic {
id: pageMusic
y: 1200
- width: 1280
- height: 480
-
- NeumorphPanel {
- id: neumorphPanel
- anchors.fill: parent
-
- NeumorphButton {
- id: neumorphButton3
- x: 117
- y: 30
- width: 299
- height: 437
-
- Image {
- id: image30
- x: 8
- y: 8
- width: 233
- height: 220
- anchors.horizontalCenterOffset: 0
- anchors.horizontalCenter: parent.horizontalCenter
- source: "images/Hero.jpg"
- fillMode: Image.PreserveAspectFit
- }
-
- Text {
- id: element37
- x: 117
- y: 240
- text: qsTr("Hero")
- font.pixelSize: 16
- anchors.horizontalCenterOffset: 0
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: true
- }
-
- Text {
- id: element38
- x: 111
- y: 260
- text: qsTr("Amuro Namie")
- font.pixelSize: 14
- anchors.horizontalCenterOffset: 0
- anchors.horizontalCenter: parent.horizontalCenter
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton7
- x: 88
- y: 298
- width: 60
- height: 60
- Image {
- id: image31
- x: 0
- y: 0
- anchors.horizontalCenterOffset: 3
- anchors.horizontalCenter: parent.horizontalCenter
- source: "images/play.png"
- anchors.verticalCenter: parent.verticalCenter
- fillMode: Image.PreserveAspectFit
- }
- anchors.horizontalCenterOffset: 0
- anchors.horizontalCenter: parent.horizontalCenter
- antialiasing: true
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton8
- x: 89
- y: 306
- width: 45
- height: 45
- Image {
- id: image32
- x: 0
- y: 0
- anchors.horizontalCenterOffset: 2
- anchors.horizontalCenter: parent.horizontalCenter
- source: "images/for.png"
- anchors.verticalCenter: parent.verticalCenter
- fillMode: Image.PreserveAspectFit
- }
- anchors.horizontalCenterOffset: 82
- anchors.horizontalCenter: parent.horizontalCenter
- antialiasing: false
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton9
- x: 91
- y: 306
- width: 45
- height: 45
- Image {
- id: image33
- x: 0
- y: 0
- anchors.horizontalCenterOffset: -2
- anchors.horizontalCenter: parent.horizontalCenter
- source: "images/rew.png"
- anchors.verticalCenter: parent.verticalCenter
- fillMode: Image.PreserveAspectFit
- }
- anchors.horizontalCenterOffset: -74
- anchors.horizontalCenter: parent.horizontalCenter
- antialiasing: false
- }
- }
-
- Image {
- id: image39
- x: 434
- y: 30
- fillMode: Image.PreserveAspectFit
- source: "images/latest releases.png"
- }
-
- Image {
- id: image40
- x: 438
- y: 292
- fillMode: Image.PreserveAspectFit
- source: "images/recommended albums.png"
- }
- }
}
- Item {
+ PageWeather {
id: pageWeather
x: 0
y: 1800
- width: 1280
- height: 480
- NeumorphPanel {
- id: neumorphPanel1
- anchors.fill: parent
-
- NeumorphButton {
- id: neumorphButton5
- x: 112
- y: 40
- width: 300
- height: 400
-
- Image {
- id: image35
- x: 23
- y: -16
- width: 254
- height: 416
- fillMode: Image.PreserveAspectFit
- source: "visibility.png"
- }
- }
-
- NeumorphButton {
- id: neumorphButton4
- x: 428
- y: 40
- width: 300
- height: 400
-
- OpacityMaskItem {
- id: opacityMask3
- x: 20
- y: 10
- width: 260
- height: 225
- Item {
- id: element39
- width: 252
- height: 225
- Image {
- id: image36
- x: 0
- y: -114
- width: 252
- height: 400
- fillMode: Image.PreserveAspectFit
- source: "images/weather_background.png"
- }
- }
-
- Rectangle {
- id: rectangle3
- width: 252
- height: 173
- color: "#ffffff"
- radius: 8
- border.width: 0
- }
- }
-
- Text {
- id: element40
- x: 61
- y: 22
- color: "#ffffff"
- text: qsTr("Chiyoda-ku")
- anchors.horizontalCenterOffset: 0
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: true
- font.pixelSize: 30
- }
-
- Text {
- id: element41
- x: 101
- y: 64
- color: "#ffffff"
- text: qsTr("Tokyo")
- anchors.horizontalCenter: parent.horizontalCenter
- anchors.horizontalCenterOffset: 0
- font.bold: true
- font.pixelSize: 30
- }
-
- Text {
- id: element42
- x: 101
- y: 163
- color: "#ffffff"
- text: qsTr("26°")
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: true
- anchors.horizontalCenterOffset: 1
- font.pixelSize: 60
- }
-
- Image {
- id: image38
- x: 10
- y: 272
- width: 292
- height: 116
- fillMode: Image.PreserveAspectFit
- source: "images/temp_graph.png"
- }
-
- Image {
- id: image37
- x: 127
- y: 119
- width: 46
- height: 40
- anchors.horizontalCenterOffset: 0
- anchors.horizontalCenter: parent.horizontalCenter
- fillMode: Image.PreserveAspectFit
- source: "images/Sun icon.png"
- }
- }
-
- Item {
- id: temperatureGraph
- x: 742
- y: 133
- width: 538
- height: 322
- clip: true
-
- Image {
- id: image34
- x: -84
- y: -6
- width: 688
- height: 314
- fillMode: Image.PreserveAspectFit
- source: "images/vertical-chart.png"
- }
- }
- }
}
- Item {
+ PagePhone {
id: pagePhone
x: 0
y: 2400
- width: 1280
- height: 480
-
- NeumorphPanel {
- id: neumorphPanel2
- anchors.fill: parent
-
- NeumorphPanel {
- id: kanbanPhone1
- x: 114
- y: 31
- width: 256
- height: 410
- Image {
- id: image41
- x: 442
- y: 69
- width: 100
- fillMode: Image.PreserveAspectFit
- source: "images/Image 1.png"
-
- NeumorphRoundButton {
- id: neumorphRoundButton11
- x: 110
- y: 20
- width: 60
- height: 60
- antialiasing: true
- Image {
- id: image44
- x: 12
- y: 12
- width: 32
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- fillMode: Image.PreserveAspectFit
- source: "images/Stroke 13.png"
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton10
- x: -66
- y: 20
- width: 60
- height: 60
- antialiasing: true
- Image {
- id: image43
- x: 12
- y: 12
- width: 32
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- fillMode: Image.PreserveAspectFit
- source: "images/Stroke 12.png"
- }
- }
- }
-
- Image {
- id: image42
- x: 442
- y: 206
- width: 100
- fillMode: Image.PreserveAspectFit
- source: "images/Image 48.png"
-
- NeumorphRoundButton {
- id: neumorphRoundButton13
- x: 110
- y: 20
- width: 60
- height: 60
- antialiasing: true
- Image {
- id: image46
- x: 12
- y: 12
- width: 32
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- fillMode: Image.PreserveAspectFit
- source: "images/Stroke 13.png"
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton12
- x: -66
- y: 20
- width: 60
- height: 60
- antialiasing: true
- Image {
- id: image45
- x: 12
- y: 12
- width: 32
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- fillMode: Image.PreserveAspectFit
- source: "images/Stroke 12.png"
- }
- }
- }
-
- Grid {
- x: 27
- y: 118
- spacing: 10
- columns: 3
-
- NeumorphRoundButton {
- id: neumorphRoundButton14
- width: 60
- height: 60
-
- Text {
- id: element67
- x: 0
- y: 0
- text: qsTr("1")
- font.bold: false
- verticalAlignment: Text.AlignTop
- horizontalAlignment: Text.AlignLeft
- anchors.horizontalCenter: parent.horizontalCenter
- anchors.verticalCenter: parent.verticalCenter
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton15
- width: 60
- height: 60
- Text {
- id: element68
- x: 0
- y: 0
- text: qsTr("2")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton16
- width: 60
- height: 60
- Text {
- id: element69
- x: 0
- y: 0
- text: qsTr("3")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton17
- width: 60
- height: 60
- Text {
- id: element70
- x: 0
- y: 0
- text: qsTr("4")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton18
- width: 60
- height: 60
- Text {
- id: element71
- x: 0
- y: 0
- text: qsTr("5")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton19
- width: 60
- height: 60
- Text {
- id: element72
- x: 0
- y: 0
- text: qsTr("6")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton20
- width: 60
- height: 60
- Text {
- id: element73
- x: 0
- y: 0
- text: qsTr("7")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton21
- width: 60
- height: 60
- Text {
- id: element74
- x: 0
- y: 0
- text: qsTr("8")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton22
- width: 60
- height: 60
- Text {
- id: element75
- x: 0
- y: 0
- text: qsTr("9")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton24
- width: 60
- height: 60
- Text {
- id: element77
- x: 0
- y: 0
- text: qsTr("*")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton23
- width: 60
- height: 60
- Text {
- id: element76
- x: 0
- y: 0
- text: qsTr("0")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
-
- NeumorphRoundButton {
- id: neumorphRoundButton25
- width: 60
- height: 60
- Text {
- id: element78
- x: 0
- y: 0
- text: qsTr("#")
- horizontalAlignment: Text.AlignLeft
- anchors.verticalCenter: parent.verticalCenter
- anchors.horizontalCenter: parent.horizontalCenter
- font.bold: false
- verticalAlignment: Text.AlignTop
- font.pixelSize: 30
- }
- }
- }
-
- NeumorphButton {
- id: neumorphButton6
- x: 10
- y: 17
- width: 234
- height: 66
- }
- transformOrigin: Item.Center
- rotation: 0
- }
-
- Item {
- id: contactItem1
- x: 843
- y: 44
- width: 234
- height: 36
- Image {
- id: image48
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 35.png"
- }
-
- Text {
- id: element43
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("John Smith")
- font.pixelSize: 12
- }
-
- Text {
- id: element44
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 76 689 398")
- font.pixelSize: 12
- }
-
- Image {
- id: image49
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/redicn.png"
- }
-
- Text {
- id: element45
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("10min ago")
- font.pixelSize: 12
- }
- opacity: 1
- }
- Item {
- id: contactItem2
- x: 843
- y: 95
- width: 234
- height: 36
- Image {
- id: image50
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 5.png"
- }
-
- Text {
- id: element46
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("10:01 PM")
- font.pixelSize: 12
- }
-
- Image {
- id: image51
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/greenicon copy.png"
- }
-
- Text {
- id: element47
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 76 264 861")
- font.pixelSize: 12
- }
-
- Text {
- id: element48
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("Mark Wiebe")
- font.pixelSize: 12
- }
- opacity: 1
- }
- Item {
- id: contactItem3
- x: 843
- y: 145
- width: 234
- height: 36
- Text {
- id: element49
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("yesterday")
- font.pixelSize: 12
- }
-
- Image {
- id: image52
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/greenicon copy.png"
- }
-
- Text {
- id: element50
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 52 670 610")
- font.pixelSize: 12
- }
-
- Text {
- id: element51
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("Victoria Alexis")
- font.pixelSize: 12
- }
-
- Image {
- id: image53
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 65.png"
- }
- opacity: 1
- }
-
- Item {
- id: contactItem4
- x: 843
- y: 196
- width: 234
- height: 36
- Image {
- id: image54
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 35.png"
- }
-
- Text {
- id: element52
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("John Smith")
- font.pixelSize: 12
- }
-
- Text {
- id: element53
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 76 689 398")
- font.pixelSize: 12
- }
-
- Image {
- id: image55
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/redicn.png"
- }
-
- Text {
- id: element54
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("10min ago")
- font.pixelSize: 12
- }
- opacity: 1
- }
-
- Item {
- id: contactItem5
- x: 843
- y: 246
- width: 234
- height: 36
- Image {
- id: image56
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 5.png"
- }
-
- Text {
- id: element55
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("10:01 PM")
- font.pixelSize: 12
- }
-
- Image {
- id: image57
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/greenicon copy.png"
- }
-
- Text {
- id: element56
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 76 264 861")
- font.pixelSize: 12
- }
-
- Text {
- id: element57
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("Mark Wiebe")
- font.pixelSize: 12
- }
- opacity: 1
- }
-
- Item {
- id: contactItem6
- x: 843
- y: 297
- width: 234
- height: 36
- Text {
- id: element58
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("yesterday")
- font.pixelSize: 12
- }
-
- Image {
- id: image58
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/greenicon copy.png"
- }
-
- Text {
- id: element59
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 52 670 610")
- font.pixelSize: 12
- }
-
- Text {
- id: element60
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("Victoria Alexis")
- font.pixelSize: 12
- }
-
- Image {
- id: image59
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 65.png"
- }
- opacity: 1
- }
-
- Item {
- id: contactItem7
- x: 843
- y: 347
- width: 234
- height: 36
- Image {
- id: image60
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 35.png"
- }
-
- Text {
- id: element61
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("John Smith")
- font.pixelSize: 12
- }
-
- Text {
- id: element62
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 76 689 398")
- font.pixelSize: 12
- }
-
- Image {
- id: image61
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/redicn.png"
- }
-
- Text {
- id: element63
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("10min ago")
- font.pixelSize: 12
- }
- opacity: 1
- }
-
- Item {
- id: contactItem8
- x: 843
- y: 398
- width: 234
- height: 36
- Image {
- id: image62
- x: 0
- y: 0
- fillMode: Image.PreserveAspectFit
- source: "images/Image 5.png"
- }
-
- Text {
- id: element64
- x: 176
- y: 11
- color: "#2b2a2a"
- text: qsTr("10:01 PM")
- font.pixelSize: 12
- }
-
- Image {
- id: image63
- x: 156
- y: 9
- width: 18
- height: 18
- antialiasing: true
- fillMode: Image.PreserveAspectFit
- source: "images/greenicon copy.png"
- }
-
- Text {
- id: element65
- x: 42
- y: 22
- color: "#2b2a2a"
- text: qsTr("+972 76 264 861")
- font.pixelSize: 12
- }
-
- Text {
- id: element66
- x: 42
- y: 0
- color: "#2b2a2a"
- text: qsTr("Mark Wiebe")
- font.pixelSize: 12
- }
- opacity: 1
- }
- }
}
}
@@ -2130,14 +1063,14 @@ Rectangle {
target: kanbanMap
property: "y"
Keyframe {
- value: -450
+ value: -500
frame: 0
}
Keyframe {
- easing.bezierCurve: [0.215, 0.61, 0.355, 1, 1, 1]
+ easing.bezierCurve: [0.175,0.885,0.32,1.27,1,1]
value: 35
- frame: 993
+ frame: 1569
}
}
@@ -2559,6 +1492,11 @@ Rectangle {
target: timelineAnimation1
running: true
}
+
+ PropertyChanges {
+ target: kanbanMap
+ y: -400
+ }
},
State {
name: "pageMap"
@@ -2646,44 +1584,127 @@ Rectangle {
}
}
]
+ transitions: [
+ Transition {
+ id: transition
+ ParallelAnimation {
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: pageWeather
+ property: "y"
+ duration: 150
+ }
+ }
+ }
+
+ ParallelAnimation {
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: kanbanMap
+ property: "y"
+ duration: 150
+ }
+ }
+ }
+
+ ParallelAnimation {
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: pageMusic
+ property: "y"
+ duration: 150
+ }
+ }
+ }
+
+ ParallelAnimation {
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: kanbanMusic
+ property: "y"
+ duration: 150
+ }
+ }
+ }
+
+ ParallelAnimation {
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: kanbanPhone
+ property: "y"
+ duration: 150
+ }
+ }
+ }
+
+ ParallelAnimation {
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: kanbanWeather
+ property: "y"
+ duration: 150
+ }
+ }
+ }
+
+ ParallelAnimation {
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: pageMap
+ property: "y"
+ duration: 150
+ }
+ }
+
+ SequentialAnimation {
+ PauseAnimation {
+ duration: 50
+ }
+
+ PropertyAnimation {
+ target: pageMap
+ property: "x"
+ duration: 150
+ }
+ }
+ }
+ to: "*"
+ from: "*"
+ }
+ ]
}
/*##^##
Designer {
- D{i:0;formeditorZoom:0.33000001311302185}D{i:7;timeline_expanded:true}D{i:6;timeline_expanded:true}
-D{i:21;timeline_expanded:true}D{i:20;timeline_expanded:true}D{i:124;anchors_height:100;anchors_width:100;timeline_expanded:true}
-D{i:127;timeline_expanded:true}D{i:126;timeline_expanded:true}D{i:128;timeline_expanded:true}
-D{i:125;timeline_expanded:true}D{i:130;timeline_expanded:true}D{i:131;timeline_expanded:true}
-D{i:132;timeline_expanded:true}D{i:129;timeline_expanded:true}D{i:134;timeline_expanded:true}
-D{i:135;timeline_expanded:true}D{i:136;timeline_expanded:true}D{i:133;timeline_expanded:true}
-D{i:138;timeline_expanded:true}D{i:139;timeline_expanded:true}D{i:140;timeline_expanded:true}
-D{i:137;timeline_expanded:true}D{i:123;timeline_expanded:true}D{i:142;anchors_height:100;anchors_width:100;timeline_expanded:true}
-D{i:143;timeline_expanded:true}D{i:144;timeline_expanded:true}D{i:145;timeline_expanded:true}
-D{i:147;timeline_expanded:true}D{i:146;timeline_expanded:true}D{i:149;timeline_expanded:true}
-D{i:148;timeline_expanded:true}D{i:151;timeline_expanded:true}D{i:150;timeline_expanded:true}
-D{i:153;timeline_expanded:true}D{i:154;timeline_expanded:true}D{i:155;timeline_expanded:true}
-D{i:152;timeline_expanded:true}D{i:157;timeline_expanded:true}D{i:158;timeline_expanded:true}
-D{i:159;timeline_expanded:true}D{i:156;timeline_expanded:true}D{i:161;timeline_expanded:true}
-D{i:162;timeline_expanded:true}D{i:163;timeline_expanded:true}D{i:160;timeline_expanded:true}
-D{i:141;timeline_expanded:true}D{i:167;timeline_expanded:true}D{i:166;timeline_expanded:true}
-D{i:168;timeline_expanded:true}D{i:165;timeline_expanded:true}D{i:169;timeline_expanded:true}
-D{i:170;timeline_expanded:true}D{i:171;timeline_expanded:true}D{i:172;timeline_expanded:true}
-D{i:175;timeline_expanded:true}D{i:176;timeline_expanded:true}D{i:177;timeline_expanded:true}
-D{i:174;timeline_expanded:true}D{i:179;timeline_expanded:true}D{i:180;timeline_expanded:true}
-D{i:181;timeline_expanded:true}D{i:178;timeline_expanded:true}D{i:183;timeline_expanded:true}
-D{i:184;timeline_expanded:true}D{i:185;timeline_expanded:true}D{i:182;timeline_expanded:true}
-D{i:173;timeline_expanded:true}D{i:164;timeline_expanded:true}D{i:187;timeline_expanded:true}
-D{i:188;timeline_expanded:true}D{i:189;timeline_expanded:true}D{i:192;timeline_expanded:true}
-D{i:194;timeline_expanded:true}D{i:193;timeline_expanded:true}D{i:195;timeline_expanded:true}
-D{i:198;timeline_expanded:true}D{i:199;timeline_expanded:true}D{i:197;timeline_expanded:true}
-D{i:201;timeline_expanded:true}D{i:203;timeline_expanded:true}D{i:204;timeline_expanded:true}
-D{i:205;timeline_expanded:true}D{i:200;timeline_expanded:true}D{i:209;timeline_expanded:true}
-D{i:210;anchors_height:200;anchors_width:200;timeline_expanded:true}D{i:211;anchors_height:200;anchors_width:200;anchors_x:0;anchors_y:0;timeline_expanded:true}
-D{i:206;timeline_expanded:true}D{i:213;anchors_height:200;anchors_width:200;anchors_x:0;anchors_y:0}
-D{i:214;anchors_x:0;anchors_y:0}D{i:212;anchors_height:200;anchors_width:200;anchors_x:0;anchors_y:0;timeline_expanded:true}
-D{i:186;timeline_expanded:true}D{i:221;anchors_height:200;anchors_width:200}D{i:222;anchors_height:200;anchors_width:200;anchors_x:0;anchors_y:0}
-D{i:224;anchors_height:200;anchors_width:200;anchors_x:0;anchors_y:0}D{i:225;anchors_x:0;anchors_y:0}
-D{i:223;anchors_height:200;anchors_width:200;anchors_x:0;anchors_y:0}D{i:226}
+ D{i:0;formeditorZoom:1.3300000429153442;height:480;width:1280}D{i:217;transitionDuration:2000}
}
##^##*/
diff --git a/fonts/fonts.txt b/fonts/fonts.txt
new file mode 100644
index 0000000000000000000000000000000000000000..ab96122067450783de407d6200171a97ab3849be
--- /dev/null
+++ b/fonts/fonts.txt
@@ -0,0 +1 @@
+Fonts in this folder are loaded automatically.
diff --git "a/images/\343\201\227\343\202\213\343\201\227.jpg" "b/images/\343\201\227\343\202\213\343\201\227.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..9bb7568e4b8dd2796ab59c49651aa3cf6a18fa30
Binary files /dev/null and "b/images/\343\201\227\343\202\213\343\201\227.jpg" differ
diff --git a/imports/QtQuick/Studio/Components/designer/MyPlugin.metainfo b/imports/QtQuick/Studio/Components/designer/MyPlugin.metainfo
new file mode 100644
index 0000000000000000000000000000000000000000..2a58c81f9f4ba779bb7b477040da0c5f277f7bb9
--- /dev/null
+++ b/imports/QtQuick/Studio/Components/designer/MyPlugin.metainfo
@@ -0,0 +1,123 @@
+MetaInfo {
+ Type {
+ name: "QtQuick.Studio.Components.GroupItem"
+ icon: "images/group-16px.png"
+
+ ItemLibraryEntry {
+ name: "Group"
+ category: "Studio Components"
+ libraryIcon: "images/group-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+ }
+ }
+ Type {
+ name: "QtQuick.Studio.Components.ArcItem"
+ icon: "images/item-arc-16px.png"
+
+ ItemLibraryEntry {
+ name: "Arc"
+ category: "Studio Components"
+ libraryIcon: "images/item-arc-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+ Property { name: "fillColor"; type: "QColor"; value: "transparent"; }
+ }
+ }
+ Type {
+ name: "QtQuick.Studio.Components.PieItem"
+ icon: "images/item-pie-16px.png"
+
+ ItemLibraryEntry {
+ name: "Pie"
+ category: "Studio Components"
+ libraryIcon: "images/item-pie-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+
+ }
+ }
+ Type {
+ name: "QtQuick.Studio.Components.TriangleItem"
+ icon: "images/item-triangle-16px.png"
+
+ ItemLibraryEntry {
+ name: "Triangle"
+ category: "Studio Components"
+ libraryIcon: "images/item-triangle-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+
+ }
+ }
+ Type {
+ name: "QtQuick.Studio.Components.SvgPathItem"
+ icon: "images/item-svg-16px.png"
+
+ ItemLibraryEntry {
+ name: "Svg Path"
+ category: "Studio Components"
+ libraryIcon: "images/item-svg-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+
+ }
+ }
+ Type {
+ name: "QtQuick.Studio.Components.FlipableItem"
+ icon: "images/item-flippable-16px.png"
+
+ ItemLibraryEntry {
+ name: "Flipable"
+ category: "Studio Components"
+ libraryIcon: "images/item-flippable-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Components.RectangleItem"
+ icon: "images/custom-rectangle-16px.png"
+
+ ItemLibraryEntry {
+ name: "Rectangle"
+ category: "Studio Components"
+ libraryIcon: "images/custom-rectangle-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+
+ }
+ }
+
+
+ Type {
+ name: "QtQuick.Studio.Components.BorderItem"
+ icon: "images/custom-border-16px.png"
+
+ ItemLibraryEntry {
+ name: "Border"
+ category: "Studio Components"
+ libraryIcon: "images/custom-border-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Components.IsoItem"
+ icon: "images/iso-icons-16px.png"
+
+ ItemLibraryEntry {
+ name: "Iso Icon"
+ category: "Studio Components"
+ libraryIcon: "images/iso-icons-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Components"
+
+ }
+ }
+
+}
diff --git a/imports/QtQuick/Studio/Effects/designer/MyPlugin.metainfo b/imports/QtQuick/Studio/Effects/designer/MyPlugin.metainfo
new file mode 100644
index 0000000000000000000000000000000000000000..21571f212bedb1ae1a5dc7ec4a9d6fe9c71b9095
--- /dev/null
+++ b/imports/QtQuick/Studio/Effects/designer/MyPlugin.metainfo
@@ -0,0 +1,365 @@
+MetaInfo {
+ Type {
+ name: "QtQuick.Studio.Effects.RecursiveBlurItem"
+ icon: "images/recursive-blur-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Recursive Blur"
+ category: "Effects"
+ libraryIcon: "images/recursive-blur-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.ThresholdMaskItem"
+ icon: "images/threshold-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Threshold Mask"
+ category: "Effects"
+ libraryIcon: "images/threshold-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.LevelAdjustItem"
+ icon: "images/levels-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Level Adjust"
+ category: "Effects"
+ libraryIcon: "images/levels-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.InnerShadowItem"
+ icon: "images/inner-shadow-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Inner Shadow"
+ category: "Effects"
+ libraryIcon: "images/inner-shadow-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.DisplaceItem"
+ icon: "images/displace-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Displace"
+ category: "Effects"
+ libraryIcon: "images/displace-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.FastBlurItem"
+ icon: "images/fast-blur-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Fast Blur"
+ category: "Effects"
+ libraryIcon: "images/fast-blur-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.GaussianBlurItem"
+ icon: "images/gaussian-blur-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Gaussian Blur"
+ category: "Effects"
+ libraryIcon: "images/gaussian-blur-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.ZoomBlurItem"
+ icon: "images/zoom-blur-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Zoom Blur"
+ category: "Effects"
+ libraryIcon: "images/zoom-blur-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.GlowItem"
+ icon: "images/glow-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Glow"
+ category: "Effects"
+ libraryIcon: "images/glow-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.RadialBlurItem"
+ icon: "images/radial-blur-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Radial Blur"
+ category: "Effects"
+ libraryIcon: "images/radial-blur-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.DesaturationItem"
+ icon: "images/desaturation-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Desaturation"
+ category: "Effects"
+ libraryIcon: "images/desaturation-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.DirectionalBlurItem"
+ icon: "images/directional-blur-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Directional Blur"
+ category: "Effects"
+ libraryIcon: "images/directional-blur-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.ColorOverlayItem"
+ icon: "images/colourize-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Color Overlay"
+ category: "Effects"
+ libraryIcon: "images/colourize-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.DropShadowItem"
+ icon: "images/drop-shadow-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Drop Shadow"
+ category: "Effects"
+ libraryIcon: "images/drop-shadow-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.ColorizeItem"
+ icon: "images/colourize-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Colorize"
+ category: "Effects"
+ libraryIcon: "images/colourize-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.BrightnessContrastItem"
+ icon: "images/brightness-contrast-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Brightness Contrast"
+ category: "Effects"
+ libraryIcon: "images/brightness-contrast-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.GammaAdjustItem"
+ icon: "images/gamma-adjust-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Gamma Adjust"
+ category: "Effects"
+ libraryIcon: "images/gamma-adjust-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.HueSaturationItem"
+ icon: "images/hue-satuartion-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Hue Saturation"
+ category: "Effects"
+ libraryIcon: "images/hue-satuartion-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.MaskedBlurItem"
+ icon: "images/mask-blur-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Masked Blur"
+ category: "Effects"
+ libraryIcon: "images/mask-blur-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+
+ Type {
+ name: "QtQuick.Studio.Effects.OpacityMaskItem"
+ icon: "images/opacity-mask-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Opacity Mask"
+ category: "Effects"
+ libraryIcon: "images/opacity-mask-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Type {
+ name: "QtQuick.Studio.Effects.BlendItem"
+ icon: "images/blend-mode-16px.png"
+
+ Hints {
+ takesOverRenderingOfChildren: true
+ }
+
+ ItemLibraryEntry {
+ name: "Blend"
+ category: "Effects"
+ libraryIcon: "images/blend-mode-24px.png"
+ version: "1.0"
+ requiredImport: "QtQuick.Studio.Effects"
+ }
+ }
+
+ Imports {
+ showTagsForImports: [
+ "QtQuick.Studio.Effects"
+ ]
+ }
+}