ChoosingCoffee.ui.qml Example File

demos/coffee/ChoosingCoffee.ui.qml
/**************************************************************************** ** ** Copyright (C) 2017 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the examples of the Qt Toolkit. ** ** $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 Coffee 1.0 Item { id: root width: Constants.width + Constants.leftSideBarWidth height: Constants.height property alias milkSlider: milkSlider property alias sugarSlider: sugarSlider property alias brewButtonSelection: brewButtonSelection property bool selected: false property alias brewButton: brewButton property alias sideBar: sideBar property alias backButton: backButton property alias questionVisible: cup.questionVisible property real coffeeAmount: 5 property bool inSettings: false state: "initial state" Rectangle { id: rectangle color: Constants.backgroundColor anchors.fill: parent } Rectangle { id: rightSideBar x: 658 y: 0 width: Constants.leftSideBarWidth height: 768 color: "#eec1a2" visible: false anchors.right: parent.right Column { spacing: 32 anchors.bottom: brewButton.top anchors.bottomMargin: 100 anchors.horizontalCenter: parent.horizontalCenter Slider { id: milkSlider width: 256 height: 48 to: 10 value: 6 Image { x: 48 y: -12 source: "images/icons/contents/milk.png" } } Slider { id: sugarSlider width: 256 height: 48 to: 10 stepSize: 1 value: 0 Image { x: 48 y: -12 source: "images/icons/contents/sugar.png" } } } NavigationButton { id: brewButton text: "Brew" anchors.bottom: parent.bottom anchors.right: parent.right anchors.rightMargin: Constants.defaultMargin anchors.bottomMargin: Constants.defaultMargin } } SideBar { id: sideBar width: Constants.leftSideBarWidth } states: [ State { name: "initial state" when: !root.selected && !root.inSettings }, State { name: "selected state" when: root.selected PropertyChanges { target: cup questionVisible: false visible: true } PropertyChanges { target: brewButton visible: true } PropertyChanges { target: brewButtonSelection visible: true } }, State { name: "settings" when: root.inSettings PropertyChanges { target: cup x: 354 y: 0 questionVisible: false visible: true milkAmount: milkSlider.value sugarAmount: sugarSlider.value } PropertyChanges { target: brewButton visible: true } PropertyChanges { target: backButton opacity: 1 } PropertyChanges { target: rightSideBar visible: true } } ] CupForm { id: cup anchors.right: rightSideBar.left anchors.left: sideBar.right visible: true milkAmount: sideBar.currentMilk coffeeAmount: sideBar.currentCoffeeAmount coffeeLabel: sideBar.currentCoffee questionVisible: true } NavigationButton { id: backButton text: "Back" opacity: 0 anchors.leftMargin: Constants.defaultMargin anchors.bottom: parent.bottom anchors.left: sideBar.right anchors.bottomMargin: Constants.defaultMargin forward: false } NavigationButton { id: brewButtonSelection anchors.left: sideBar.right anchors.leftMargin: Constants.defaultMargin anchors.bottom: parent.bottom anchors.bottomMargin: Constants.defaultMargin visible: false } }