1 车控界面设计

基于 TouchGFX 设计的氛围灯控制面板，以 “沉浸式交互 + 个性化定制” 为核心，涵盖颜色选择、亮度调节、模式切换等核心功能，适配汽车中控的操作逻辑与视觉风格。

核心功能

颜色定制模块 ：提供 16 种预设车身同色系颜色（如内饰棕、科技蓝），支持 RGB 自定义调色，满足个性化需求。

亮度精准调节 ：0-100% 滑块调节，支持自动降低亮度，避免强光干扰驾驶。

场景模式切换 ：预设迎宾、驾驶2种模式，对应不同灯光亮度与颜色组合（如迎宾模式渐变亮，驾驶模式低亮度暖光）。

分区控制功能 ：支持主副驾、后排共 4个区域独立控制，可单独开启 / 关闭某一区域氛围灯。

UI 视觉与交互设计

背景采用深灰色（#1E1E2E），贴合汽车内饰质感，减少反光干扰。

控件采用圆角设计，按钮常态浅灰，选中态高亮（如模式按钮选中时显示对应模式主题色）。滑块拖动时实时更新亮度值（显示百分比），松开后保存设置。

模式按钮互斥，点击某一模式自动取消其他模式选中状态，同时触发对应灯光效果。

分区控制采用开关按钮，点击切换 “开启 / 关闭” 状态，图标同步变色（开启为主题色，关闭为灰色）。

2 代码设计

中间采用仪表盘显示当前速度，发动机水温

仪表盘速度模拟执行如下代码

void MainView::handleTickEvent()
{
    // Make the gauge move from min to max value
    static int incr = 1;

    if (gauge1.getValue() <= 10)
    {
        incr = +1;
    }
    else if (gauge1.getValue() >= 200)
    {
        incr = -1;
    }

    gauge1.setValue(gauge1.getValue() + incr);
}

后续编译可以下载到开发板显示

转向界面的字母居中就好了