-
Unseon Ryu authoredUnseon Ryu authored
PagePhone.ui.qml 23.20 KiB
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
}
}
}