From f08f6160add3e2c4700d4dbe7c8b05aacebf46eb Mon Sep 17 00:00:00 2001 From: zheng_wenlong Date: Tue, 9 Jul 2019 15:38:24 +0900 Subject: add design --- app/Hudspeed.qml | 77 ++++++++++++++++++++++++++++++------------ app/hudspeed.qrc | 13 +++++++ app/image/speed_0.png | Bin 0 -> 732 bytes app/image/speed_1.png | Bin 0 -> 516 bytes app/image/speed_2.png | Bin 0 -> 684 bytes app/image/speed_3.png | Bin 0 -> 768 bytes app/image/speed_4.png | Bin 0 -> 671 bytes app/image/speed_5.png | Bin 0 -> 718 bytes app/image/speed_6.png | Bin 0 -> 797 bytes app/image/speed_7.png | Bin 0 -> 630 bytes app/image/speed_8.png | Bin 0 -> 832 bytes app/image/speed_9.png | Bin 0 -> 797 bytes app/image/speed_blue_L.png | Bin 0 -> 13226 bytes app/image/speed_meter.png | Bin 0 -> 3406 bytes app/image/speed_meter_mph.png | Bin 0 -> 1485 bytes 15 files changed, 69 insertions(+), 21 deletions(-) create mode 100644 app/image/speed_0.png create mode 100644 app/image/speed_1.png create mode 100644 app/image/speed_2.png create mode 100644 app/image/speed_3.png create mode 100644 app/image/speed_4.png create mode 100644 app/image/speed_5.png create mode 100644 app/image/speed_6.png create mode 100644 app/image/speed_7.png create mode 100644 app/image/speed_8.png create mode 100644 app/image/speed_9.png create mode 100644 app/image/speed_blue_L.png create mode 100644 app/image/speed_meter.png create mode 100644 app/image/speed_meter_mph.png 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] } } diff --git a/app/hudspeed.qrc b/app/hudspeed.qrc index 8ce5dd9..40a1df2 100644 --- a/app/hudspeed.qrc +++ b/app/hudspeed.qrc @@ -1,5 +1,18 @@ Hudspeed.qml + image/speed_blue_L.png + image/speed_meter.png + image/speed_meter_mph.png + image/speed_0.png + image/speed_1.png + image/speed_2.png + image/speed_3.png + image/speed_4.png + image/speed_5.png + image/speed_6.png + image/speed_7.png + image/speed_8.png + image/speed_9.png diff --git a/app/image/speed_0.png b/app/image/speed_0.png new file mode 100644 index 0000000..64abd4c Binary files /dev/null and b/app/image/speed_0.png differ diff --git a/app/image/speed_1.png b/app/image/speed_1.png new file mode 100644 index 0000000..d6fd76f Binary files /dev/null and b/app/image/speed_1.png differ diff --git a/app/image/speed_2.png b/app/image/speed_2.png new file mode 100644 index 0000000..444bef0 Binary files /dev/null and b/app/image/speed_2.png differ diff --git a/app/image/speed_3.png b/app/image/speed_3.png new file mode 100644 index 0000000..da93f8b Binary files /dev/null and b/app/image/speed_3.png differ diff --git a/app/image/speed_4.png b/app/image/speed_4.png new file mode 100644 index 0000000..9172a49 Binary files /dev/null and b/app/image/speed_4.png differ diff --git a/app/image/speed_5.png b/app/image/speed_5.png new file mode 100644 index 0000000..45fba50 Binary files /dev/null and b/app/image/speed_5.png differ diff --git a/app/image/speed_6.png b/app/image/speed_6.png new file mode 100644 index 0000000..0ebca65 Binary files /dev/null and b/app/image/speed_6.png differ diff --git a/app/image/speed_7.png b/app/image/speed_7.png new file mode 100644 index 0000000..e016343 Binary files /dev/null and b/app/image/speed_7.png differ diff --git a/app/image/speed_8.png b/app/image/speed_8.png new file mode 100644 index 0000000..2a9be49 Binary files /dev/null and b/app/image/speed_8.png differ diff --git a/app/image/speed_9.png b/app/image/speed_9.png new file mode 100644 index 0000000..cf72985 Binary files /dev/null and b/app/image/speed_9.png differ diff --git a/app/image/speed_blue_L.png b/app/image/speed_blue_L.png new file mode 100644 index 0000000..fc5efec Binary files /dev/null and b/app/image/speed_blue_L.png differ diff --git a/app/image/speed_meter.png b/app/image/speed_meter.png new file mode 100644 index 0000000..62b6aab Binary files /dev/null and b/app/image/speed_meter.png differ diff --git a/app/image/speed_meter_mph.png b/app/image/speed_meter_mph.png new file mode 100644 index 0000000..06ef737 Binary files /dev/null and b/app/image/speed_meter_mph.png differ -- cgit 1.2.3-korg