CupForm.ui.qml Example File
coffee/CupForm.ui.qml
import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
import Coffee 1.0
Item {
id: root
width: 768
height: 768
property alias questionVisible: question.visible
property bool showLabels: true
property alias coffeeLabel: cappuccinoLabel.text
property real sugarAmount: 2
property real milkAmount: 4
property real coffeeAmount: 4
Rectangle {
id: rectangle
color: "#443224"
anchors.fill: parent
Image {
id: background
x: 12
y: 170
source: "images/cup structure/cup elements/coffee_cup_back.png"
}
Item {
id: foam
x: 12
width: 457
anchors.topMargin: milk.anchors.topMargin - 40
anchors.bottom: background.bottom
anchors.top: background.top
clip: true
Image {
anchors.bottom: parent.bottom
source: "images/cup structure/liquids/liquid_foam.png"
}
}
Item {
id: milk
x: 12
width: 457
anchors.topMargin: 400 - coffee.height - root.milkAmount * 15 + 20
anchors.bottom: background.bottom
anchors.top: background.top
clip: true
Image {
source: "images/cup structure/liquids/liquid_milk.png"
anchors.bottom: parent.bottom
}
}
Item {
id: coffee
x: 12
width: 457
height: root.coffeeAmount * 40
anchors.bottomMargin: 0
anchors.bottom: background.bottom
clip: true
Image {
anchors.bottom: parent.bottom
source: "images/cup structure/liquids/liquid_coffee.png"
}
}
Image {
id: cupFront
x: 11
y: 170
source: "images/cup structure/cup elements/coffee_cup_front.png"
}
Text {
x: 499
y: 370
color: "#ffffff"
text: qsTr("Hot Milk")
font.capitalization: Font.AllUppercase
font.family: Constants.fontFamily
wrapMode: Text.WrapAnywhere
font.pixelSize: 18
visible: root.showLabels
}
Text {
x: 486
y: 468
color: "#ffffff"
text: qsTr("Espresso Coffee")
font.capitalization: Font.AllUppercase
font.family: Constants.fontFamily
wrapMode: Text.WrapAnywhere
font.pixelSize: 18
visible: root.showLabels
}
Image {
x: 414
y: 274
visible: root.showLabels
source: "images/ui controls/line.png"
}
Text {
x: 512
y: 259
color: "#ffffff"
text: qsTr("Milk Foam")
font.family: Constants.fontFamily
wrapMode: Text.WrapAnywhere
font.pixelSize: 18
font.capitalization: Font.AllUppercase
visible: root.showLabels
}
Image {
x: 404
y: 382
source: "images/ui controls/line.png"
visible: root.showLabels
}
Image {
x: 388
y: 482
source: "images/ui controls/line.png"
visible: root.showLabels
}
Text {
id: cappuccinoLabel
color: "#ffffff"
text: qsTr("CAPPUCCINO")
visible: !question.visible
anchors.top: parent.top
anchors.topMargin: 32
anchors.left: parent.left
anchors.leftMargin: Constants.defaultMargin
font.family: Constants.fontFamily
wrapMode: Text.WrapAnywhere
font.pixelSize: 64
font.capitalization: Font.AllUppercase
}
Item {
id: sugarItem
x: 181
y: 419
width: 119
height: 111
rotation: -45
Rectangle {
x: 21
y: 8
width: 48
height: 48
color: "#ffffff"
opacity: root.sugarAmount / 10
}
Rectangle {
x: 74
y: 40
width: 32
height: 32
color: "#ffffff"
visible: root.sugarAmount > 5
opacity: root.sugarAmount / 30
}
Rectangle {
x: 45
y: 62
width: 24
height: 24
color: "#ffffff"
opacity: root.sugarAmount / 25
}
}
}
Image {
id: question
y: 170
anchors.left: parent.left
anchors.leftMargin: 11
source: "images/cup structure/coffee_cup_large.png"
}
}