LetterSelector.qml Example File
qthangman/qml/qthangman/LetterSelector.qml/**************************************************************************** ** ** Copyright (C) 2015 The Qt Company Ltd. ** Contact: http://www.qt.io/licensing/ ** ** This file is part of the Purchasing module of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:LGPL3-COMM$ ** 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 http://www.qt.io/terms-conditions. For further ** information use the contact form at http://www.qt.io/contact-us. ** ** GNU Lesser General Public License Usage ** Alternatively, this file may be used under the terms of the GNU Lesser ** General Public License version 3 as published by the Free Software ** Foundation and appearing in the file LICENSE.LGPLv3 included in the ** packaging of this file. Please review the following information to ** ensure the GNU Lesser General Public License version 3 requirements ** will be met: https://www.gnu.org/licenses/lgpl.html. ** ** $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; } } } } }