activities/scalesboard/Question.qml

0001 /* GCompris - Question.qml
0002  *
0003  * SPDX-FileCopyrightText: 2014 Bruno Coudoin <bruno.coudoin@gcompris.net>
0004  *
0005  * Authors:
0006  *   Bruno Coudoin <bruno.coudoin@gcompris.net> (Qt Quick port)
0007  *
0008  *   SPDX-License-Identifier: GPL-3.0-or-later
0009  */
0010 import QtQuick 2.12
0011 import GCompris 1.0
0012
0013 import "../../core"
0014
0015 Item {
0016     id: question
0017
0018     property string text
0019     property string answer
0020     property string userEntry
0021
0022     Rectangle {
0023         id: questionBg
0024         width: parent.width
0025         height: parent.height
0026         border.color: "black"
0027         border.width: 2
0028         radius: 10 * ApplicationInfo.ratio
0029
0030         gradient: Gradient {
0031             GradientStop { position: 0.0; color: "#F0FFFFFF" }
0032             GradientStop { position: 0.9; color: "#F0F0F0F0" }
0033             GradientStop { position: 1.0; color: "#F0CECECE" }
0034         }
0035
0036         Behavior on opacity { NumberAnimation { duration: 100 } }
0037     }
0038
0039     GCText {
0040         id: questionText
0041         color: "black"
0042         font.pointSize: NaN  // need to clear font.pointSize explicitly
0043         fontSizeMode: Text.Fit
0044         minimumPixelSize: 10
0045         font.pixelSize: parent.width * 0.10
0046         width: parent.width
0047         height: parent.height
0048         horizontalAlignment: Text.AlignHCenter
0049         verticalAlignment: Text.AlignVCenter
0050         wrapMode: TextEdit.WordWrap
0051         text: question.text != "" ? question.text.arg(question.userEntry) : ""
0052         Behavior on opacity { NumberAnimation { duration: 100 } }
0053
0054     }
0055 }