Qt数据看板布局另存方法详解

一、前言

布局另存功能是数据可视化大屏界面电子看板系统中的一项便捷功能，旨在帮助用户在现有布局上进行微调后，直接将其保存为新的配置文件，从而避免从头开始重新构建布局的繁琐过程。此功能依赖于配置文件的保存机制，通过将现有布局另存为不同名称的配置文件，用户可以轻松管理和切换不同的布局设置。在代码实现上，Qt的QSettings类提供了极大的便利，不仅支持Windows注册表的读写操作，还支持跨平台的INI文件格式。个人而言，我更倾向于使用INI文件作为配置文件，因为其跨平台特性特别适合我在嵌入式Linux环境下的开发工作。

二、电子看板介绍

电子看板是一种目视化管理工具，通过直观、色彩鲜明的视觉信息展示数据状态，主要用于项目管理。它利用信号灯、标识牌、符号颜色等视觉信号，在生产现场快速传递信息，清晰地呈现潜在问题和浪费现象，使任何人都能及时了解管理现状并采取相应措施。因此，电子看板是发现和解决问题的有效工具，也是现场管理中不可或缺的组成部分。

三、功能特点

整体界面分为三级：一级界面为总体布局，二级界面为单个功能模块，三级界面为单个控件。子控件种类丰富，包括饼图、圆环图、曲线图、柱状图、分组柱状图、横向柱状图、横向分组柱状图、合格率控件、百分比控件、进度控件、设备状态面板、表格数据、地图控件、视频控件等。二级界面支持拖动、悬浮、缩放、关闭，并响应双击自定义标题栏。数据源支持数据库采集（默认）、网络通信、网络请求等，用户可自由设置每个子界面的数据刷新频率。系统采用纯QWidget编写，兼容Qt4.6至Qt5.12.3所有版本，适用于嵌入式Linux平台如树莓派、香橙派、全志、imx6等。提供三种内核版本：自定义控件版本、qchart版本和echart版本。内置多套配色风格，默认紫色，支持所有分辨率。用户可设置标题、目标分辨率、布局方案，并在启动时立即应用。支持设置主背景色、面板色、十字线游标色、曲线颜色（未设置时随机应用15套精美颜色）、标题栏背景色及文字色、曲线图表背景色及文字色、网格色、正常色、警戒色、报警色、禁用色、百分比进度色等。还可设置各种字体大小，如全局、软件名称、标题栏、子标题栏、加粗标签等，以及标题栏高度、表头高度、行高度。曲线图支持游标、悬停高亮数据点和显示值，柱状图支持顶部显示数据（可设置顶端、上部、中间、底部），位置自适应计算。主界面通过右键菜单可切换布局、配色方案、关闭或开启二级窗体。系统自动记忆所有子窗口的大小和位置，并在下次启动时立即应用。用户可动态加载布局方案菜单，进行新建、恢复、保存、另存布局等操作，自由创建任意布局。二级窗体可通过双击从主窗体分离并浮动，自由调整大小，再次双击标题栏可最大化，再次双击可还原。每个模块均可自定义采集速度，数据库采集时自动排队处理。

五、特别说明

可执行文件同级文件夹包含layout、layout_1440、layout_1920三个文件夹，程序会自动识别分辨率并加载相应的布局文件夹，如1920分辨率时从layout_1920文件夹加载布局作为整体布局。默认使用模拟数据，如需从数据库采集数据，请将配置文件中的WorkMode设置为db。如果布局拖动出现混乱，可通过鼠标右键选择恢复布局。在保存布局之前，中间地图模块的鼠标右键可弹出菜单，切换布局和配色方案等。在模块的标题栏上右键可弹出默认的dock菜单，用于显示和隐藏各模块。软件关闭过程中会自动保存布局，下次启动时自动应用。如果使用默认的配色方案如紫色风格，配置文件中的颜色设置将无效，系统会自动应用代码中的颜色。如需启用自定义颜色，请将配置文件中的Theme设置为自定义风格，打开软件时将应用配置文件中的颜色。右键菜单可截图保存，文件默认命名为“配色方案名称_布局方案名称.png”，保存在snap目录下。如果使用XP系统，请先执行fixff.cmd修复ffmpeg在XP上的BUG。

六、效果图

七、核心代码

代码语言：txt

//type: 0-新建布局 1-恢复布局 2-保存布局 3-布局另存
void MainWindow::saveLayout(const QString &layout, int type){
    //如果为空则表示是恢复布局
    if (type == 0) {
        App::Layout = layout;
        this->changeLayout(App::Layout, true);
        return;
    } else if (type == 1) {
        this->changeLayout(App::Layout, true);
        return;
    }
    QString file = QString("%1/%2.ini").arg(App::LayoutPath).arg(layout);
    QSettings set(file, QSettings::IniFormat);
    set.beginGroup("MainWindow");
    set.setValue("State", saveState());
    set.endGroup();
    App::Layout = layout;
    App::writeConfig();
}