diff options
author | 2018-12-17 22:57:51 -0800 | |
---|---|---|
committer | 2018-12-18 07:03:29 +0000 | |
commit | 77ca59567f79dab6d85874a9a7d9e829d6075bbc (patch) | |
tree | d8ea8c1879d06dbd3e8023dcbd262c8cda9c1377 /app/cluster-gauges.qml | |
parent | d9d2667e365f7e4220afd8098a694800666329af (diff) |
Add status icons and other updateshalibut_7.99.2halibut_7.99.1halibut_7.90.0halibut/7.99.2halibut/7.99.1halibut/7.90.0guppy_6.99.4guppy_6.99.3guppy/6.99.4guppy/6.99.37.99.27.99.17.90.06.99.46.99.3
Add status icons provided by AGL graphics design team, and tweak
the animation behavior to simulate power on at the start of the
cycle by blinking them. Additionally, the speed has been switched
to MPH, and the turn signal animation has been udpated to simulate
passing as opposed to a turn at the start of the cycle.
Change-Id: If5e3b9d2138d1129a7478bea1f4f2cb6b05f1499
Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Diffstat (limited to 'app/cluster-gauges.qml')
-rw-r--r-- | app/cluster-gauges.qml | 104 |
1 files changed, 98 insertions, 6 deletions
diff --git a/app/cluster-gauges.qml b/app/cluster-gauges.qml index 013a0c1..a48d71c 100644 --- a/app/cluster-gauges.qml +++ b/app/cluster-gauges.qml @@ -81,7 +81,7 @@ ApplicationWindow { id: statusFrame x: (parent.width - width) / 2 y: 80 - width: 960 + width: 1152 height: 96 radius: height / 5 @@ -92,13 +92,13 @@ ApplicationWindow { Row { width: parent.width height: parent.height * 0.75 - spacing: (parent.width - (10 * parent.height * 0.75)) / 11 + spacing: (parent.width - (12 * parent.height * 0.75)) / 13 anchors.fill: parent anchors.topMargin: (parent.height - height) /2 anchors.bottomMargin: (parent.height - height) /2 - anchors.leftMargin: (parent.width - (10 * parent.height * 0.75)) / 11 - anchors.rightMargin: (parent.width - (10 * parent.height * 0.75)) / 11 + anchors.leftMargin: (parent.width - (12 * parent.height * 0.75)) / 13 + anchors.rightMargin: (parent.width - (12 * parent.height * 0.75)) / 13 Rectangle { width: height @@ -129,6 +129,34 @@ ApplicationWindow { color: "black" border.width: 2 border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_Engine_yellow.svg' : './images/AGL_Icons_Engine.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } + } + + Rectangle { + width: height + height: parent.height + radius: height / 5 + + color: "black" + border.width: 2 + border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_Oil_red.svg' : './images/AGL_Icons_Oil.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } } Rectangle { @@ -139,6 +167,15 @@ ApplicationWindow { color: "black" border.width: 2 border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_ABS_red.svg' : './images/AGL_Icons_ABS.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } } Rectangle { @@ -149,6 +186,15 @@ ApplicationWindow { color: "black" border.width: 2 border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_Battery_red.svg' : './images/AGL_Icons_Battery.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } } Rectangle { @@ -202,6 +248,34 @@ ApplicationWindow { color: "black" border.width: 2 border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_Seatbelt_red.svg' : './images/AGL_Icons_Seatbelt.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } + } + + Rectangle { + width: height + height: parent.height + radius: height / 5 + + color: "black" + border.width: 2 + border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_OpenDoor_red.svg' : './images/AGL_Icons_OpenDoor.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } } Rectangle { @@ -212,6 +286,15 @@ ApplicationWindow { color: "black" border.width: 2 border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_Lights_red.svg' : './images/AGL_Icons_Lights.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } } Rectangle { @@ -222,6 +305,15 @@ ApplicationWindow { color: "black" border.width: 2 border.color: "grey" + + Image { + source: valueSource.startUp ? './images/AGL_Icons_ParkingBrake_red.svg' : './images/AGL_Icons_ParkingBrake.svg' + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + width: height + height: parent.height * 0.75 + fillMode: Image.PreserveAspectFit + } } Rectangle { @@ -260,8 +352,8 @@ ApplicationWindow { width: parent.width * 0.9 height: width - maximumValue: 220 - value: valueSource.kph + maximumValue: valueSource.mphDisplay ? 140 : 220 + value: valueSource.kph * valueSource.speedScaling style: DashboardGaugeStyle {} } |