diff options
Diffstat (limited to 'GUIModel/CruisingRange/CruisingRange.qml')
| -rw-r--r-- | GUIModel/CruisingRange/CruisingRange.qml | 206 |
1 files changed, 206 insertions, 0 deletions
diff --git a/GUIModel/CruisingRange/CruisingRange.qml b/GUIModel/CruisingRange/CruisingRange.qml new file mode 100644 index 0000000..cc49b80 --- /dev/null +++ b/GUIModel/CruisingRange/CruisingRange.qml @@ -0,0 +1,206 @@ +/* + * Copyright (c) 2020,2021 Panasonic Corporation + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ + +import QtQuick 2.14 + +Item{ + id: cruisingRange + + x:258 + y:309 + width:268 + height:39 + + property real cruisingRangeValue + + readonly property real cruisingRangeValueMax: 999.9 + readonly property real cruisingRangeValueMin: 0 + + onCruisingRangeValueChanged: { + updateCruisingRangeValue(); + updateCruisingRangeVisible(); + } + + Connections{ + target: rootItem + onTransNormalToAdas:{ + normalToAdasAnimationFuel.start() + } + + onTransAdasToMap:{ + /**/ + } + + onTransMapToNormal:{ + mapToNormalAnimationFuel.start() + } + } + + function updateCruisingRangeValue(){ + cruisingRangeParts.cruisingRangeValue100 = (cruisingRangeValue/100)%10 + cruisingRangeParts.cruisingRangeValue10 = (cruisingRangeValue/10)%10 + cruisingRangeParts.cruisingRangeValue1 = cruisingRangeValue%10 + cruisingRangeParts.cruisingRangeValue01 = 0 + } + + function updateCruisingRangeVisible(){ + if((100 <= cruisingRangeValue) && (cruisingRangeValue <= cruisingRangeValueMax)){ + fuelNum01.visible = true + fuelNum1.visible = true + fuelNum10.visible = true + fuelNum100.visible = true + }else if((10 <= cruisingRangeValue) && (cruisingRangeValue < 100)){ + fuelNum01.visible = true + fuelNum1.visible = true + fuelNum10.visible = true + fuelNum100.visible = false + }else if((1 <= cruisingRangeValue) && (cruisingRangeValue < 10)){ + fuelNum01.visible = true + fuelNum1.visible = true + fuelNum10.visible = false + fuelNum100.visible = false + }else if((cruisingRangeValueMin <= cruisingRangeValue) && (cruisingRangeValue < 1)){ + fuelNum01.visible = true + fuelNum1.visible = true + fuelNum10.visible = false + fuelNum100.visible = false + }else{ + fuelNum01.visible = false + fuelNum1.visible = false + fuelNum10.visible = false + fuelNum100.visible = false + } + } + + Item{ + id: cruisingRangeParts + property int cruisingRangeValue100 //hundreds place + property int cruisingRangeValue10 //tens place + property int cruisingRangeValue1 //ones place + property int cruisingRangeValue01 //first decimal place + Image{ + id: fuelUnit + source: "qrc:/Images/NormalView/FUEL/fuel_unit.png" + x:228 + y:9 + width:40 + height:26 + } + Image{ + id: fuelNum01 + source: "qrc:/Images/NormalView/FUEL/fuel_num1-" + parent.cruisingRangeValue01 + ".png" + x:202 + y:6 + width:19 + height:29 + visible: false + } + Image{ + id: fuelNum1 + source: "qrc:/Images/NormalView/FUEL/fuel_num10-" + parent.cruisingRangeValue1 + ".png" + x:174 + y:6 + width:19 + height:29 + visible: false + } + Image{ + id: fuelNum10 + source: "qrc:/Images/NormalView/FUEL/fuel_num100-" + parent.cruisingRangeValue10 + ".png" + x:154 + y:6 + width:19 + height:29 + visible:false + } + Image{ + id: fuelNum100 + source: "qrc:/Images/NormalView/FUEL/fuel_num1000-" + parent.cruisingRangeValue100 + ".png" + x:134 + y:6 + width:19 + height:29 + visible:false + } + Image{ + id: fuelDot + source: "qrc:/Images/NormalView/FUEL/fuel_dot.png" + x:194 + y:28 + width:6 + height:6 + } + Image{ + id: fuelIcon + source: "qrc:/Images/NormalView/FUEL/fuel_icon.png" + x:0 + y:0 + width:119 + height:39 + } + } + + SequentialAnimation{ + id:normalToAdasAnimationFuel + onStarted: rootItem.focus=false + PauseAnimation{ + duration:330 + } + + PathAnimation{ + target: cruisingRange + duration: 891 + easing.type: Easing.InOutSine + path:Path { + startX: 258; startY: 309 + PathArc { + x: 238; y: 657 + radiusX: 180; radiusY: 180 + direction: PathArc.Counterclockwise + } + } + } + } + + SequentialAnimation{ + id:mapToNormalAnimationFuel + onStarted: rootItem.focus=false + PauseAnimation{ + duration: 254 + 330 + } + + PathAnimation{ + target: cruisingRange + duration: 891 + easing.type: Easing.InOutSine + path:Path { + startX: 238; startY: 657 + PathArc { + x: 258; y: 309 + radiusX: 180; radiusY: 180 + direction: PathArc.Clockwise + } + } + } + + } +} |