咖啡机应用程序可让您在主屏幕左侧选择一种咖啡。 选择后，应用程序会显示混合咖啡所含的成分（比例咖啡/热牛奶/奶泡）。 这可以通过两个滑块进行修改。 冲泡开始后，应用程序会显示冲泡过程的动画显示，然后返回到开始屏幕。

首先显示开始屏幕 Animationflowform，在右侧屏幕上显示带有几种咖啡类型的侧边栏和一个空杯子。

选择咖啡类型（例如卡布奇诺）会触发 CoffeeButton.qml 中的 animation1 和 animation2。 在右侧，您将看到您选择的咖啡混合物。 .

    MouseArea {
        anchors.fill: parent
        onClicked: root.clicked()
        onPressed: {
            glow.visible = true
            animation1.start()
            animation2.start()
        }
    }

它还触发 cappuccinoButton.onClicked()，为所选咖啡类型设置默认混合：

    cappuccinoButton.onClicked: {
        sideBar.currentCoffee = qsTr("Cappucino")
        sideBar.currentMilk = 7
        sideBar.currentCoffeeAmount = 3.5