From f08f6160add3e2c4700d4dbe7c8b05aacebf46eb Mon Sep 17 00:00:00 2001
From: zheng_wenlong <wenlong_zheng@nexty-ele.com>
Date: Tue, 9 Jul 2019 15:38:24 +0900
Subject: add design

---
 app/Hudspeed.qml | 77 ++++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 56 insertions(+), 21 deletions(-)

(limited to 'app/Hudspeed.qml')

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]
     }
 }
 
-- 
cgit 1.2.3-korg