aboutsummaryrefslogtreecommitdiffstats
path: root/GUIModel/Meter/ChargeGuage.qml
diff options
context:
space:
mode:
Diffstat (limited to 'GUIModel/Meter/ChargeGuage.qml')
-rw-r--r--GUIModel/Meter/ChargeGuage.qml175
1 files changed, 91 insertions, 84 deletions
diff --git a/GUIModel/Meter/ChargeGuage.qml b/GUIModel/Meter/ChargeGuage.qml
index 038df02..ad0c5ac 100644
--- a/GUIModel/Meter/ChargeGuage.qml
+++ b/GUIModel/Meter/ChargeGuage.qml
@@ -15,14 +15,14 @@
*/
import QtQuick 2.14
-import QtGraphicalEffects 1.14
+import "qrc:/MeterEffect/"
Item {
id: chargeGuage
- x:666
- y:97
- width:588
- height:588
+ x: 666
+ y: 97
+ width: 588
+ height: 588
property real chargeValue
readonly property real chargeGuageMax: 100
@@ -30,40 +30,40 @@ Item {
onChargeValueChanged: {
limitChargeValue();
- effectChr.angleBase = (-0.45 * chargeValue*Math.PI/180)+effectChr.angle
+ effectChr.angleBase = (-0.45 * chargeValue * Math.PI / 180) + effectChr.angle;
}
- Connections{
+ Connections {
target: rootItem
- onTransNormalToAdas:{
- normalToAdasAnimation.start()
+ onTransNormalToAdas: {
+ normalToAdasAnimation.start();
}
}
- function limitChargeValue(){
- if(chargeValue > chargeGuageMax){
- chargeValue = chargeGuageMax
- }else if(chargeValue < chargeGuageMin){
- chargeValue = chargeGuageMin
+ function limitChargeValue() {
+ if (chargeValue > chargeGuageMax) {
+ chargeValue = chargeGuageMax;
+ } else if (chargeValue < chargeGuageMin) {
+ chargeValue = chargeGuageMin;
}
}
- Item{
+ Item {
id: chrGuageGroup
- width:588
- height:588
+ width: 588
+ height: 588
Item {
id: chrGuage
- width:588
- height:588
+ width: 588
+ height: 588
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
visible: false
- Image{
+ Image {
id: chrGuageImg
source: "qrc:/Images/NormalView/METER/charge_guage.ktx"
- width:588
- height:588
+ width: 588
+ height: 588
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
visible: true
@@ -71,119 +71,123 @@ Item {
Image {
id: chrEffect
source: ""
- width:588
- height:588
+ width: 588
+ height: 588
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
visible: true
}
}
- ShaderEffect{
+ ShaderEffect {
id: effectChr
anchors.fill: parent
visible: true
blending: true
supportsAtlasTextures: true
- property real angleBase: -pi*1/2
- property real angle:-pi*1/2
- property var src: ShaderEffectSource{
+ property real angleBase: -pi * 1 / 2
+ property real angle: -pi * 1 / 2
+ property var src: ShaderEffectSource {
sourceItem: chrGuage
live: false
}
readonly property real pi: 3.1415926535
- vertexShader: "qrc:/Shaders/vert/guageMask.vert"
- fragmentShader:"qrc:/Shaders/frag/guageMask.frag"
+ vertexShader: ShaderPath.guageMaskVert
+ fragmentShader: ShaderPath.guageMaskFrag
}
}
- SequentialAnimation{
+ SequentialAnimation {
id: normalToAdasAnimation
- onStarted: rootItem.focus=false
- SequentialAnimation{
- NumberAnimation{
+ onStarted: rootItem.focus = false
+ SequentialAnimation {
+ NumberAnimation {
target: chrGuageGroup
property: "opacity"
duration: 330
easing.type: Easing.InOutSine
- from:1.0
- to:0.0
+ from: 1.0
+ to: 0.0
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrGuageGroup
property: "visible"
duration: 0
easing.type: Easing.InOutSine
- from:true
- to:false
+ from: true
+ to: false
}
}
-
- ParallelAnimation{
+
+ ParallelAnimation {
/* down size */
- NumberAnimation{
+ NumberAnimation {
target: chargeGuage
property: "scale"
duration: 891
easing.type: meterParts.easing
- from:1
- to:0.75
+ from: 1
+ to: 0.75
}
-
+
/* translation */
- PathAnimation{
+ PathAnimation {
target: chargeGuage
- anchorPoint: Qt.point(chargeGuage.width/2, chargeGuage.height/2)
+ anchorPoint: Qt.point(chargeGuage.width / 2, chargeGuage.height / 2)
orientation: PathAnimation.Fixed
duration: 891
easing.type: meterParts.easing
-
+
path: Path {
- startX: 960; startY: 391
- PathLine { x: 540; y: 402 }
+ startX: 960
+ startY: 391
+ PathLine {
+ x: 540
+ y: 402
+ }
}
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrGuageImg
property: "source"
to: "qrc:/Images/ADASView/METER/chr_wave.png"
duration: 0
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrEffect
property: "source"
to: "qrc:/Images/ADASView/METER/chr_glow.png"
duration: 0
}
}
- PauseAnimation{
+ PauseAnimation {
duration: 396
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrGuageGroup
property: "visible"
to: true
duration: 0
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrGuageGroup
property: "opacity"
to: 1
duration: 198
}
}
-
- SequentialAnimation{
+
+ SequentialAnimation {
id: mapToNormalAnimation
- onStarted: rootItem.focus=false
- onStopped: rootItem.focus=true
- PropertyAnimation{
+ onStarted: rootItem.focus = false
+ onStopped: rootItem.focus = true
+ PropertyAnimation {
target: chrGuageGroup
property: "opacity"
to: 0
duration: 198
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrGuageGroup
property: "visible"
to: true
@@ -192,63 +196,66 @@ Item {
PauseAnimation {
duration: 254 + 330
}
-
-
- ParallelAnimation{
+
+ ParallelAnimation {
/* scaling */
- NumberAnimation{
+ NumberAnimation {
target: chargeGuage
property: "scale"
duration: 891
easing.type: meterParts.easing
- from:0.75
- to:1.0
+ from: 0.75
+ to: 1.0
}
-
+
/* slide */
- PathAnimation{
+ PathAnimation {
target: chargeGuage
- anchorPoint: Qt.point(chargeGuage.width/2, chargeGuage.height/2)
+ anchorPoint: Qt.point(chargeGuage.width / 2, chargeGuage.height / 2)
orientation: PathAnimation.Fixed
duration: 891
easing.type: meterParts.easing
-
+
path: Path {
- startX: 540; startY: 402
- PathLine { x: 960; y: 391 }
+ startX: 540
+ startY: 402
+ PathLine {
+ x: 960
+ y: 391
+ }
}
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrGuageImg
property: "source"
to: "qrc:/Images/NormalView/METER/charge_guage.ktx"
duration: 0
}
- PropertyAnimation{
+ PropertyAnimation {
target: chrEffect
property: "source"
to: ""
duration: 0
}
}
-
- SequentialAnimation{
- PropertyAnimation{
+
+ SequentialAnimation {
+ PropertyAnimation {
target: chrGuageGroup
property: "visible"
duration: 0
easing.type: Easing.InOutSine
- from:false
- to:true
+ from: false
+ to: true
}
-
- NumberAnimation{
+
+ NumberAnimation {
target: chrGuageGroup
property: "opacity"
duration: 330
easing.type: Easing.InOutSine
- from:0.0
- to:1.0
+ from: 0.0
+ to: 1.0
}
}
PauseAnimation {