Differential D8531 Diff 21468 src/activities/ascending_order/Ascending_order.qml

Changeset View

Standalone View

View Options

src/activities/ascending_order/Ascending_order.qml

  • This file was added.
1​/* GCompris - ascending_order.qml
2​ *
3​ * Copyright (C) 2017 Rudra Nil Basu <rudra.nil.basu.1996@gmail.com>
4​ *
5​ * Authors:
6​ * Rudra Nil Basu <rudra.nil.basu.1996@gmail.com> (Qt Quick port)
7​ *
8​ * This program is free software; you can redistribute it and/or modify
9​ * it under the terms of the GNU General Public License as published by
10​ * the Free Software Foundation; either version 3 of the License, or
11​ * (at your option) any later version.
12​ *
13​ * This program is distributed in the hope that it will be useful,
14​ * but WITHOUT ANY WARRANTY; without even the implied warranty of
15​ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16​ * GNU General Public License for more details.
17​ *
18​ * You should have received a copy of the GNU General Public License
19​ * along with this program; if not, see <http://www.gnu.org/licenses/>.
20​ */
21​import QtQuick 2.1
22​import GCompris 1.0
23​
24​import "../../core"
25​import "ascending_order.js" as Activity
26​
27​ActivityBase {
28​ id: activity
29​
30​ property string mode: "number"
31​
32​ onStart: focus = true
33​ onStop: {}
34​
35​ pageComponent: Image {
36​ id: background
37​ anchors.fill: parent
38​ fillMode: Image.PreserveAspectCrop
39​ source: "resource/background.svg"
40​ signal start
41​ signal stop
42​
43​ Component.onCompleted: {
44​ activity.start.connect(start)
45​ activity.stop.connect(stop)
46​ }
47​
48​ // Add here the QML items you need to access in javascript
49​ QtObject {
50​ id: items
51​ property Item main: activity.main
52​ property alias background: background
53​ property alias bar: bar
54​ property alias bonus: bonus
55​ property alias boxes: boxes
56​ property alias flow: flow
57​ property alias container: container
58​ property alias instruction: instruction
59​ property real ratio: ApplicationInfo.ratio
60​ property alias score: score
61​ }
62​
63​ onStart: { Activity.start(items, mode) }
64​ onStop: { Activity.stop() }
65​
66​ GCText {
67​ id: instruction
68​ wrapMode: TextEdit.WordWrap
69​ fontSize: tinySize
70​ horizontalAlignment: Text.Center
71​ anchors.horizontalCenter: parent.horizontalCenter
72​ width: parent.width * 0.9
73​ color: 'white'
74​ Rectangle {
75​ z: -1
76​ opacity: 0.8
77​ gradient: Gradient {
78​ GradientStop { position: 0.0; color: "#000" }
79​ GradientStop { position: 0.9; color: "#666" }
80​ GradientStop { position: 1.0; color: "#AAA" }
81​ }
82​ radius: 10
83​ border.color: 'black'
84​ border.width: 1
85​ anchors.centerIn: parent
86​ width: parent.width * 1.1
87​ height: parent.contentHeight
88​ }
89​ }
90​
91​ GCText {
92​ id: hints
93​ wrapMode: TextEdit.WordWrap
94​ fontSize: tinySize
95​ horizontalAlignment: Text.Center
96​ anchors.horizontalCenter: parent.horizontalCenter
97​ anchors.top: parent.top
98​ anchors.topMargin: instruction.height * 1.25
99​ width: parent.width * 0.5
100​ color: 'white'
101​ text: qsTr('Hint: Numbers are ordered as 0,1,2,3,4,5,6,7,8,9')
rudranilbasuUnsubmitted
Not Done

This will only be showing the 0 - 9 hints for the alphabetical ordering as well. Use the "letters" variable to display the hints:

var letters = qsTr("a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/p/q/r/s/t/u/v/w/x/y/z")
rudranilbasu: This will only be showing the 0 - 9 hints for the alphabetical ordering as well. Use the…
102​ Rectangle {
103​ z: -1
104​ opacity: 0.8
105​ gradient: Gradient {
106​ GradientStop { position: 0.0; color: "#000" }
107​ GradientStop { position: 0.9; color: "#666" }
108​ GradientStop { position: 1.0; color: "#AAA" }
109​ }
110​ radius: 10
111​ border.color: 'black'
112​ border.width: 1
113​ anchors.centerIn: parent
114​ width: parent.width * 1.1
115​ height: parent.contentHeight
116​ }
117​ }
118​
119​ Rectangle {
120​ id: container
121​ color: "transparent"
122​ width: Math.min(parent.width, ((boxes.itemAt(0)).width*boxes.model)+(boxes.model-1)*flow.spacing)
123​ height: parent.height/2
124​
125​ anchors {
126​ horizontalCenter: parent.horizontalCenter
127​ verticalCenter: parent.verticalCenter
128​ }
129​
130​ Flow {
131​ id: flow
132​ spacing: 10
133​
134​ /*
135​ * Count number of active animations in the activity
136​ * at this current time
137​ * (No input will be taken at this time)
138​ */
139​ property int onGoingAnimationCount: 0
140​ property bool validMousePress
141​ anchors {
142​ fill: parent
143​ }
144​ Repeater {
145​ id: boxes
146​ model: 6
147​ Rectangle {
148​ id: box
149​ color: "white"
150​ z: mouseArea.drag.active || mouseArea.pressed ? 2 : 1
151​ property string boxValue
152​ property point beginDragPosition
153​
154​ width: 65 * ApplicationInfo.ratio
155​ height: 65 * ApplicationInfo.ratio
156​ radius: 10
157​ border{
158​ color: "black"
159​ width: 3 * ApplicationInfo.ratio
160​ }
161​ GCText {
162​ id: numText
163​ anchors.centerIn: parent
164​ text: boxValue
165​ font.pointSize: 20 * ApplicationInfo.ratio
166​ }
167​ MouseArea {
168​ id: mouseArea
169​ anchors.fill: parent
170​ drag.target: parent
171​ enabled: (flow.onGoingAnimationCount == 0 && flow.validMousePress == true) ? true : false
172​ onPressed: {
173​ box.beginDragPosition = Qt.point(box.x, box.y)
174​ }
175​ onReleased: {
176​ Activity.placeBlock(box, box.beginDragPosition);
177​ }
178​ }
179​ Behavior on x {
180​ PropertyAnimation {
181​ id: animationX
182​ duration: 500
183​ easing.type: Easing.InOutBack
184​ onRunningChanged: {
185​ if(animationX.running) {
186​ flow.onGoingAnimationCount++
187​ } else {
188​ flow.onGoingAnimationCount--
189​ }
190​ }
191​ }
192​ }
193​ Behavior on y {
194​ PropertyAnimation {
195​ id: animationY
196​ duration: 500
197​ easing.type: Easing.InOutBack
198​ onRunningChanged: {
199​ if(animationY.running) {
200​ flow.onGoingAnimationCount++
201​ } else {
202​ flow.onGoingAnimationCount--
203​ }
204​ }
205​ }
206​ }
207​ }
208​ }
209​ }
210​ }
211​
212​ DialogHelp {
213​ id: dialogHelp
214​ onClose: home()
215​ }
216​
217​ BarButton {
218​ id: ok
219​ source: "qrc:/gcompris/src/core/resource/bar_ok.svg";
220​ sourceSize.width: 75 * ApplicationInfo.ratio
221​ visible: true
222​ anchors {
223​ right: parent.right
224​ bottom: bar.top
225​ bottomMargin: 10 * ApplicationInfo.ratio
226​ rightMargin: 10 * ApplicationInfo.ratio
227​ }
228​ onClicked: Activity.checkOrder()
229​ }
230​
231​ Score {
232​ id: score
233​ anchors {
234​ right: parent.right
235​ top: instruction.bottom
236​ bottom: undefined
237​ }
238​ }
239​
240​ Bar {
241​ id: bar
242​ content: BarEnumContent { value: help | home | level | hint }
243​ onHelpClicked: {
244​ displayDialog(dialogHelp)
245​ }
246​ onPreviousLevelClicked: Activity.previousLevel()
247​ onNextLevelClicked: Activity.nextLevel()
248​ onHomeClicked: activity.home()
249​ onHintClicked: hints.visible = !hints.visible
250​ }
251​
252​ Bonus {
253​ id: bonus
254​ Component.onCompleted: win.connect(Activity.nextSubLevel)
255​ }
256​ }
257​
258​}