qml开发3D车载HMI界面-----Themes.qml

接下来我们写一些辅助性的文件。首先第一个是Thmes.qml这个用来控制显示整个HMI界面的主题。

具体代码如下：

pragma Singleton
import QtQuick 2.15

Item {
    id:themes
    property string currentTheme:"darkMode"  //当前主题模式

    property color textColor:"#ffffffff"  //文本的颜色
    property color labelColor:"#80ffffff" //标签的颜色
    property string backgroundImage:"assets/background-dark.png" //背景图片

    property color speedBlobColorTop:"#e34f59"  //速度仪表的上部颜色
    property color speedBlobColorBottom:"#9759b5" //速度仪表的下部颜色

    property color batteryBlobColorTop:"#38ef7d"  //电池仪表颜色上部
    property color batteryBlobColorBottom:"#11998e" //电池仪表颜色下部
    property color speedoRingColor:"#ffffff" //速度中心的颜色

    states:[
        State{
            name:"darkMode"
            when:themes.currentTheme === "darkMode"
        },
        State{
            name:"lightMode"
            when:themes.currentThe