diff --git a/src/core/ScoreItem.qml b/src/core/ScoreItem.qml index 9bdcebf23..6602bf839 100644 --- a/src/core/ScoreItem.qml +++ b/src/core/ScoreItem.qml @@ -1,246 +1,245 @@ /* GCompris - ScoreItem.qml * * Copyright (C) 2017 Johnny Jazeix * * Authors: * Pulkit Gupta (main code) * Johnny Jazeix (refactorisation) * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program; if not, see . */ import QtQuick 2.6 import GCompris 1.0 /** * A QML component to visualize number of wins. * @ingroup components * * ScoreItem consists of player score (@ref playerScore) * and player image (@ref playerImageSource). * Mostly used in multi-player activities. * * @inherit QtQuick.Item */ Item { id: scoreItem /** * type:int * Id of the player. */ property int player: 1 /** * type:string * Source of background image to display. * * @sa backgroundImage.source */ property string backgroundImageSource /** * type:string * Source of player image to display. * * @sa playerImage.source */ property string playerImageSource /** * type:int * Count of score(i.e. number of wins). * * @sa scoreLabel.text */ property int playerScore /** * type:int * Holds the point from which the player image * is scaled on x-axis. * * @sa scaleTransform.origin.x */ property int playerScaleOriginX /** * type:int * Holds the point from which the player image * is scaled on y-axis. * * @sa scaleTransform.origin.y */ property int playerScaleOriginY /** * Emitted when the win animation should be started. * * Triggers scale, rotation animation and increases playerScore count. */ signal win /** * Emitted when the player turn should be started. * * Triggers scale and rotation animation. */ signal beginTurn /** * Emitted when the player turn should be ended. * * Triggers shrink and rotation animation on player image. */ signal endTurn onBeginTurn: { scaleAnimation.start() } onEndTurn: { scaleAnimation.stop() playerImageRotate.stop() playerImage.rotation = 0 shrinkAnimation.start() backgroundRectangle.state = "second" } onWin: { scaleAnimation.start() backgroundRectangle.state = "win" playerScore ++; } PropertyAnimation { id: scaleAnimation target: scaleTransform properties: "scale" from: 1.0 to: 1.4 duration: 500 onStarted: { backgroundRectangle.state = "first" playerImageRotate.start() } } PropertyAnimation { id: shrinkAnimation target: scaleTransform properties: "scale" from: 1.4 to: 1.0 duration: 500 } SequentialAnimation { id: playerImageRotate loops: Animation.Infinite NumberAnimation { target: playerImage property: "rotation" from: -30; to: 30 duration: 750 easing.type: Easing.InOutQuad } NumberAnimation { target: playerImage property: "rotation" from: 30; to: -30 duration: 750 easing.type: Easing.InOutQuad } } Rectangle { id: backgroundRectangle anchors.fill: parent radius: 15 state: "second" Image { id: backgroundImage source: backgroundImageSource sourceSize.height: height sourceSize.width: width anchors.fill: parent anchors.margins: parent.height * 0.04 Image { id: playerImage source: playerImageSource fillMode: Image.PreserveAspectFit height: parent.height*0.8 sourceSize.height: height - sourceSize.width: width x: parent.width*0.06 anchors.verticalCenter: parent.verticalCenter } GCText { id: scoreLabel anchors.verticalCenter: parent.verticalCenter color: "#2a2a2a" x: parent.width*0.65 fontSizeMode: Text.Fit text: playerScore } } states: [ State { name: "first" PropertyChanges { target: backgroundRectangle color: "#80ffffff" } PropertyChanges { target: playerImage source: playerImageSource } }, State { name: "second" PropertyChanges { target: backgroundRectangle color: "transparent" } PropertyChanges { target: playerImage source: playerImageSource } }, State { name: "win" PropertyChanges { target: playerImage source: "qrc:/gcompris/src/core/resource/win.svg" } PropertyChanges { target: backgroundRectangle color: "#80ffffff" } } ] transform: Scale { id: scaleTransform property real scale: 1 origin.x: playerScaleOriginX origin.y: playerScaleOriginY xScale: scale yScale: scale } } }