Differential D8531 Diff 23945 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.6
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 hints: hints
58​ property alias container: container
59​ property alias instruction: instruction
60​ property real ratio: ApplicationInfo.ratio
61​ property alias score: score
62​ }
63​
64​ onStart: { Activity.start(items, mode) }
65​ onStop: { Activity.stop() }
66​
67​ GCText {
68​ id: instruction
69​ wrapMode: TextEdit.WordWrap
70​ fontSize: tinySize
71​ horizontalAlignment: Text.Center
72​ anchors.horizontalCenter: parent.horizontalCenter
73​ width: parent.width * 0.9
74​ color: 'white'
75​ Rectangle {
76​ z: -1
77​ opacity: 0.8
78​ gradient: Gradient {
79​ GradientStop { position: 0.0; color: "#000" }
80​ GradientStop { position: 0.9; color: "#666" }
81​ GradientStop { position: 1.0; color: "#AAA" }
82​ }
83​ radius: 10
84​ border.color: 'black'
85​ border.width: 1
86​ anchors.centerIn: parent
87​ width: parent.width * 1.1
88​ height: parent.contentHeight
89​ }
90​ }
91​
92​ GCText {
93​ id: hints
94​ wrapMode: TextEdit.WordWrap
95​ fontSize: tinySize
96​ horizontalAlignment: Text.Center
97​ anchors.horizontalCenter: parent.horizontalCenter
98​ anchors.top: parent.top
99​ anchors.topMargin: instruction.height * 1.25
100​ width: parent.width * 0.5
101​ color: 'white'
102​ visible: false
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…
103​ text: ""
104​ Rectangle {
105​ z: -1
106​ opacity: 0.8
107​ gradient: Gradient {
108​ GradientStop { position: 0.0; color: "#000" }
109​ GradientStop { position: 0.9; color: "#666" }
110​ GradientStop { position: 1.0; color: "#AAA" }
111​ }
112​ radius: 10
113​ border.color: 'black'
114​ border.width: 1
115​ anchors.centerIn: parent
116​ width: parent.width * 1.1
117​ height: parent.contentHeight
118​ }
119​ }
120​
121​ Rectangle {
122​ id: container
123​ color: "transparent"
124​ width: Math.min(parent.width, ((boxes.itemAt(0)).width*boxes.model)+(boxes.model-1)*flow.spacing)
125​ height: parent.height/2
126​
127​ anchors {
128​ horizontalCenter: parent.horizontalCenter
129​ verticalCenter: parent.verticalCenter
130​ }
131​
132​ Flow {
133​ id: flow
134​ spacing: 10
135​
136​ /*
137​ * Count number of active animations in the activity
138​ * at this current time
139​ * (No input will be taken at this time)
140​ */
141​ property int onGoingAnimationCount: 0
142​ property bool validMousePress
143​ anchors {
144​ fill: parent
145​ }
146​ Repeater {
147​ id: boxes
148​ model: 6
149​ Rectangle {
150​ id: box
151​ color: "white"
152​ z: mouseArea.drag.active || mouseArea.pressed ? 2 : 1
153​ property string boxValue
154​ property point beginDragPosition
155​
156​ width: 65 * ApplicationInfo.ratio
157​ height: 65 * ApplicationInfo.ratio
158​ radius: 10
159​ border{
160​ color: "black"
161​ width: 3 * ApplicationInfo.ratio
162​ }
163​ GCText {
164​ id: numText
165​ anchors.centerIn: parent
166​ text: boxValue
167​ font.pointSize: 20 * ApplicationInfo.ratio
168​ }
169​ MouseArea {
170​ id: mouseArea
171​ anchors.fill: parent
172​ drag.target: parent
173​ enabled: (flow.onGoingAnimationCount == 0 && flow.validMousePress == true) ? true : false
174​ onPressed: {
175​ box.beginDragPosition = Qt.point(box.x, box.y)
176​ }
177​ onReleased: {
178​ Activity.placeBlock(box, box.beginDragPosition);
179​ }
180​ }
181​ Behavior on x {
182​ PropertyAnimation {
183​ id: animationX
184​ duration: 500
185​ easing.type: Easing.InOutBack
186​ onRunningChanged: {
187​ if(animationX.running) {
188​ flow.onGoingAnimationCount++
189​ } else {
190​ flow.onGoingAnimationCount--
191​ }
192​ }
193​ }
194​ }
195​ Behavior on y {
196​ PropertyAnimation {
197​ id: animationY
198​ duration: 500
199​ easing.type: Easing.InOutBack
200​ onRunningChanged: {
201​ if(animationY.running) {
202​ flow.onGoingAnimationCount++
203​ } else {
204​ flow.onGoingAnimationCount--
205​ }
206​ }
207​ }
208​ }
209​ }
210​ }
211​ }
212​ }
213​
214​ DialogHelp {
215​ id: dialogHelp
216​ onClose: home()
217​ }
218​
219​ BarButton {
220​ id: ok
221​ source: "qrc:/gcompris/src/core/resource/bar_ok.svg";
222​ sourceSize.width: 75 * ApplicationInfo.ratio
223​ visible: true
224​ anchors {
225​ right: parent.right
226​ bottom: bar.top
227​ bottomMargin: 10 * ApplicationInfo.ratio
228​ rightMargin: 10 * ApplicationInfo.ratio
229​ }
230​ onClicked: Activity.checkOrder()
231​ }
232​
233​ Score {
234​ id: score
235​ anchors {
236​ right: parent.right
237​ top: instruction.bottom
238​ bottom: undefined
239​ }
240​ }
241​
242​ Bar {
243​ id: bar
244​ content: BarEnumContent { value: (mode === 'alphabets') ? help | home | level | hint : help | home | level }
245​ onHelpClicked: {
246​ displayDialog(dialogHelp)
247​ }
248​ onPreviousLevelClicked: Activity.previousLevel()
249​ onNextLevelClicked: Activity.nextLevel()
250​ onHomeClicked: activity.home()
251​ onHintClicked: hints.visible = !hints.visible
252​ }
253​
254​ Bonus {
255​ id: bonus
256​ Component.onCompleted: win.connect(Activity.nextSubLevel)
257​ }
258​ }
259​
260​}