LetterSelector.qml Example File
qthangman/qml/qthangman/LetterSelector.qml/**************************************************************************** ** ** Copyright (C) 2017 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the Purchasing module 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.2 Item { id: keyView property real keyWidth: (width - (horizontalSpacing * 9)) / 10 property real keyHeight: (height - (verticalSpacing * 2)) / 3 property real horizontalSpacing: topLevel.globalMargin / 4 property real verticalSpacing: topLevel.globalMargin / 4 property bool locked: false property bool hideVowels: false Component.onCompleted: topLevel.buttonHeight = keyHeight onKeyHeightChanged: topLevel.buttonHeight = keyHeight property var keys: [keyA, keyB, keyC, keyD, keyE, keyF, keyG, keyH, keyI, keyJ, keyH, keyJ, keyK, keyL, keyM, keyN, keyO, keyP, keyQ, keyR, keyS, keyT, keyU, keyV, keyW, keyX, keyY, keyZ]; function reset() { //Resets all key values to their default state for (var i = 0; i < keys.length; ++i) keys[i].available = true; } onLockedChanged: { if (locked) { for (var i = 0; i < keys.length; ++i) keys[i].available = false; } } signal letterSelected(string letter) signal guessWordPressed() signal resetPressed() signal revealPressed() //Qwerty layout Column { spacing: keyView.verticalSpacing anchors.fill: parent Row { spacing: keyView.horizontalSpacing Key { id: keyQ height: keyView.keyHeight width: keyView.keyWidth text: "Q"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyW height: keyView.keyHeight width: keyView.keyWidth text: "W"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyE height: keyView.keyHeight width: keyView.keyWidth text: "E"; available: true purchasable: true enabled: !hideVowels opacity: hideVowels ? 0.0 : 1.0 onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyR height: keyView.keyHeight width: keyView.keyWidth text: "R"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyT height: keyView.keyHeight width: keyView.keyWidth text: "T"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyY height: keyView.keyHeight width: keyView.keyWidth text: "Y"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyU height: keyView.keyHeight width: keyView.keyWidth text: "U"; available: true purchasable: true enabled: !hideVowels opacity: hideVowels ? 0.0 : 1.0 onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyI height: keyView.keyHeight width: keyView.keyWidth text: "I"; available: true purchasable: true enabled: !hideVowels opacity: hideVowels ? 0.0 : 1.0 onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyO height: keyView.keyHeight width: keyView.keyWidth text: "O"; available: true purchasable: true enabled: !hideVowels opacity: hideVowels ? 0.0 : 1.0 onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyP height: keyView.keyHeight width: keyView.keyWidth text: "P"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } } Row { anchors.horizontalCenter: parent.horizontalCenter spacing: keyView.horizontalSpacing Key { id: keyA height: keyView.keyHeight width: keyView.keyWidth text: "A"; available: true purchasable: true enabled: !hideVowels opacity: hideVowels ? 0.0 : 1.0 onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyS height: keyView.keyHeight width: keyView.keyWidth text: "S"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyD height: keyView.keyHeight width: keyView.keyWidth text: "D"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyF height: keyView.keyHeight width: keyView.keyWidth text: "F"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyG height: keyView.keyHeight width: keyView.keyWidth text: "G"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyH height: keyView.keyHeight width: keyView.keyWidth text: "H"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyJ height: keyView.keyHeight width: keyView.keyWidth text: "J"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyK height: keyView.keyHeight width: keyView.keyWidth text: "K"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyL height: keyView.keyHeight width: keyView.keyWidth text: "L"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } } Row { spacing: keyView.horizontalSpacing anchors.horizontalCenter: parent.horizontalCenter Key { id: keyZ height: keyView.keyHeight width: keyView.keyWidth text: "Z"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyX height: keyView.keyHeight width: keyView.keyWidth text: "X"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyC height: keyView.keyHeight width: keyView.keyWidth text: "C"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyV height: keyView.keyHeight width: keyView.keyWidth text: "V"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyB height: keyView.keyHeight width: keyView.keyWidth text: "B"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyN height: keyView.keyHeight width: keyView.keyWidth text: "N"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } Key { id: keyM height: keyView.keyHeight width: keyView.keyWidth text: "M"; available: true purchasable: false onKeyActivated: { letterSelected(letter); available = false; } } } } }