diff options
Diffstat (limited to 'app/Hudspeed.qml')
| -rw-r--r-- | app/Hudspeed.qml | 77 |
1 files changed, 56 insertions, 21 deletions
diff --git a/app/Hudspeed.qml b/app/Hudspeed.qml index 2b72e21..5fd9330 100644 --- a/app/Hudspeed.qml +++ b/app/Hudspeed.qml @@ -34,7 +34,21 @@ ApplicationWindow { property string request_str: "" property string status_str: "" - property double speed_val: 0 + property int speed_val: 0 + + property var speedImg: [ + "qrc:/image/speed_0.png", + "qrc:/image/speed_1.png", + "qrc:/image/speed_2.png", + "qrc:/image/speed_3.png", + "qrc:/image/speed_4.png", + "qrc:/image/speed_5.png", + "qrc:/image/speed_6.png", + "qrc:/image/speed_7.png", + "qrc:/image/speed_8.png", + "qrc:/image/speed_9.png" + ] + WebSocket { id: websocket @@ -60,11 +74,11 @@ ApplicationWindow { if (message_json[0] === msgid_enu.event){ //get speed from low-can app - var property_name = message_json[2].event.split("/")[1] + var property_name = message_json[2].event.split("/")[1] if(property_name === "messages.vehicle.average.speed") { - speed_val = message_json[2].data.value + speed_val = message_json[2].data.value.toFixed(0) console.log ("speed_val: " + speed_val) - } + } } else{ if (message_json[0] !== msgid_enu.retok) { @@ -72,7 +86,7 @@ ApplicationWindow { return } } - /* refresh happen */ + /* refresh happen */ } active: true } @@ -82,24 +96,45 @@ ApplicationWindow { websocket.sendTextMessage (request_str) } + background: Rectangle { + color: "#111111" + } + + Image{ + id: background + anchors.centerIn: parent + source: "qrc:/image/speed_blue_L.png" + } + + Image{ + id: backpoint + anchors.centerIn: parent + source: "qrc:/image/speed_meter.png" + } + + Image{ + id: unit + anchors.centerIn: parent + source: "qrc:/image/speed_meter_mph.png" + } + Rectangle { - color: '#111111' - anchors.fill: parent - Label { - id: speed - anchors.left: parent.left - anchors.top: parent.top - text: speed_val.toFixed(0) - font.pixelSize: parent.height*4/5 - color: "white" - } - Label { - id: unit - anchors.right: parent.right - anchors.bottom: parent.bottom - text: 'MPH' - font.pixelSize: parent.height/5 + color: "#111111" } + Image { + visible: (speed_val < 10) ? false : true + anchors.horizontalCenter: parent.horizontalCenter + anchors.horizontalCenterOffset: 5 + anchors.verticalCenter: parent.verticalCenter + anchors.verticalCenterOffset: 25 + source: (speed_val < 10) ? speedImg[0] : speedImg[(speed_val - speed_val%10)/10%10] + } + Image { + anchors.horizontalCenter: parent.horizontalCenter + anchors.horizontalCenterOffset: (speed_val < 10) ? 25 : 45 + anchors.verticalCenter: parent.verticalCenter + anchors.verticalCenterOffset: 25 + source: speedImg[speed_val%10] } } |