- Qt Design Studio Manual
- Examples
- Coffee Machine
- Qt Design Studio Manual 2.3.1

# Coffee Machine

     /****************************************************************************
     **
     ** Copyright (C) 2019 The Qt Company Ltd.
     ** Contact: https://www.qt.io/licensing/
     **
     ** This file is part of the examples of the Qt Design Studio.
     **
     ** $QT_BEGIN_LICENSE:BSD$
     ** Commercial License Usage
     ** Licensees holding valid commercial Qt licenses may use this file in
     ** accordance with the commercial license agreement provided with the
     ** Software or, alternatively, in accordance with the terms contained in
     ** a written agreement between you and The Qt Company. For licensing terms
     ** and conditions see https://www.qt.io/terms-conditions. For further
     ** information use the contact form at https://www.qt.io/contact-us.
     **
     ** BSD License Usage
     ** Alternatively, you may use this file under the terms of the BSD license
     ** as follows:
     **
     ** "Redistribution and use in source and binary forms, with or without
     ** modification, are permitted provided that the following conditions are
     ** met:
     **   * Redistributions of source code must retain the above copyright
     **     notice, this list of conditions and the following disclaimer.
     **   * Redistributions in binary form must reproduce the above copyright
     **     notice, this list of conditions and the following disclaimer in
     **     the documentation and/or other materials provided with the
     **     distribution.
     **   * Neither the name of The Qt Company Ltd nor the names of its
     **     contributors may be used to endorse or promote products derived
     **     from this software without specific prior written permission.
     **
     **
     ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
     ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
     ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
     ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
     ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
     ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
     ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
     ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
     ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
     ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
     ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
     **
     ** $QT_END_LICENSE$
     **
     ****************************************************************************/

     import QtQuick 2.4
     import QtQuick.Controls 2.0
     import QtQuick.Layouts 1.3
     import CoffeeMachine 1.0

     Image {
         id: root
         source: "images/icons/coffees/Cappuccino.png"
         signal clicked

         property int duration: 250
         property alias text: label.text
         MouseArea {
             anchors.fill: parent
             onClicked: root.clicked()
             onPressed: {
                 glow.visible = true
                 animation1.start()
                 animation2.start()
             }
         }

         Rectangle {
             id: glow
             visible: false

             width: 250
             height: 250
             color: "#00000000"
             radius: 125
             scale: 1.05
             border.color: "#ffffff"
         }

         Label {
             id: label
             x: 292
             y: 252
             text: qsTr("Label")
             anchors.horizontalCenter: parent.horizontalCenter
             color: "#443224"
             font.family: Constants.fontFamily
             font.pixelSize: 28
         }

         PropertyAnimation {
             target: glow
             id: animation1
             duration: root.duration
             loops: 1
             from: 1.05
             to: 1.2
             property: "scale"
         }

         ParallelAnimation {
             id: animation2
             SequentialAnimation {
                 PropertyAnimation {
                     target: glow
                     duration: root.duration
                     loops: 1
                     from: 0.2
                     to: 1.0
                     property: "opacity"
                 }
                 PropertyAnimation {
                     target: glow
                     duration: root.duration
                     loops: 1
                     from: 1.0
                     to: 0.0
                     property: "opacity"
                 }

                 PropertyAction {
                     target: glow
                     property: "visible"
                     value: false
                 }
             }

             SequentialAnimation {
                 PropertyAction {
                     target: glow
                     property: "border.width"
                     value: 20
                 }

                 PauseAnimation {
                     duration: 200
                 }

                 PropertyAnimation {
                     target: glow
                     duration: root.duration
                     loops: 1
                     from: 20
                     to: 10
                     property: "border.width"
                 }
             }
         }

     }