automotive-ivi-cluster/AdasPanel.qml at main · Cohort15-cmd/automotive-ivi-cluster · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import QtQuick

Item {
    id: root

    property real cruiseSpeed: 120
    property bool laneKeepActive: true
    property real speedLimit: 130
    property real followDistance: 2.5
    property string driveMode: "COMFORT"
    property color borderAccent: "#262d3d"           // NEW

    implicitWidth: 600
    implicitHeight: 60

    Rectangle {
        anchors.fill: parent
        radius: 8
        color: "#10141f"
        border.color: root.borderAccent
        border.width: 1.5
        Behavior on border.color { ColorAnimation { duration: 400 } }
    }

    Row {
        anchors.centerIn: parent
        spacing: 60

        Column {
            spacing: 4
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: "CRUISE"; color: "#5a6378"
                   font.family: "Bahnschrift"; font.pixelSize: 9; font.letterSpacing: 1.2 }
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: Math.round(root.cruiseSpeed); color: "#ffffff"
                   font.family: "Bahnschrift"; font.pixelSize: 16; font.weight: Font.Medium }
        }
        Column {
            spacing: 4
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: "LANE"; color: "#5a6378"
                   font.family: "Bahnschrift"; font.pixelSize: 9; font.letterSpacing: 1.2 }
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: root.laneKeepActive ? "● ACTIVE" : "○ OFF"
                   color: root.laneKeepActive ? "#00c896" : "#5a6378"
                   font.family: "Bahnschrift"; font.pixelSize: 13; font.weight: Font.Medium }
        }
        Column {
            spacing: 4
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: "LIMIT"; color: "#5a6378"
                   font.family: "Bahnschrift"; font.pixelSize: 9; font.letterSpacing: 1.2 }
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: Math.round(root.speedLimit); color: "#ffffff"
                   font.family: "Bahnschrift"; font.pixelSize: 16; font.weight: Font.Medium }
        }
        Column {
            spacing: 4
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: "DISTANCE"; color: "#5a6378"
                   font.family: "Bahnschrift"; font.pixelSize: 9; font.letterSpacing: 1.2 }
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: root.followDistance.toFixed(1) + "s"; color: "#ffffff"
                   font.family: "Bahnschrift"; font.pixelSize: 16; font.weight: Font.Medium }
        }
        Column {
            spacing: 4
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: "DRIVE MODE"; color: "#5a6378"
                   font.family: "Bahnschrift"; font.pixelSize: 9; font.letterSpacing: 1.2 }
            Text { anchors.horizontalCenter: parent.horizontalCenter
                   text: root.driveMode
                   color: root.driveMode === "SPORT" ? "#ff5252"
                        : root.driveMode === "ECO" ? "#00c896"
                        : "#00ADEF"
                   font.family: "Bahnschrift"; font.pixelSize: 14
                   font.weight: Font.Medium; font.letterSpacing: 1.5 }
        }
    }
}