Qt/C++编写数据可视化大屏界面电子看板系统 |
您所在的位置：网站首页 › c编写可视化界面是什么意思啊 › Qt/C++编写数据可视化大屏界面电子看板系统 |
Qt/C++编写数据可视化大屏界面电子看板系统
|
一、前言
目前大屏大数据可视化UI这块非常火，趁热也用Qt来实现一个，Qt这个一站式超大型GUI超市，没有什么他做不了的，大屏电子看板当然也不在话下，有了QSS和QPainter这两个无敌的工具组合，借用几个Qt高手朋友的话来说，都是分分钟。在整个系统的编写过程中，发现数学知识真的还是蛮重要的，在重要的几个算法点上，需要多次用到二元一次方程才能搞定几个算法，比如如何分组绘制柱状图。 公众号：Qt实战，各种开源作品、经验整理、项目实战技巧，专注Qt/C++软件开发，视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发。 公众号：Qt入门和进阶，专门介绍Qt/C++相关知识点学习，帮助Qt开发者更好的深入学习Qt。多位Qt元婴期大神，一步步带你从入门到进阶。 官方网店：https://shop114595942.taobao.com/ 在线文档：http://www.qtcdev.com/bigscreen/ 二、文章导航 文章链接1-布局方案https://qtchina.blog.csdn.net/article/details/901416462-配色方案https://qtchina.blog.csdn.net/article/details/901663793-新建布局https://qtchina.blog.csdn.net/article/details/901825684-布局另存https://qtchina.blog.csdn.net/article/details/902290945-恢复布局https://qtchina.blog.csdn.net/article/details/902574686-窗体打开关闭https://qtchina.blog.csdn.net/article/details/902872517-窗体浮动https://qtchina.blog.csdn.net/article/details/903114238-调整间距https://qtchina.blog.csdn.net/article/details/903212539-曲线效果https://qtchina.blog.csdn.net/article/details/9034895410-改造QCustomPlothttps://qtchina.blog.csdn.net/article/details/9040267111-自定义控件https://qtchina.blog.csdn.net/article/details/9041544912-数据库采集https://qtchina.blog.csdn.net/article/details/9044566713-基础版本https://qtchina.blog.csdn.net/article/details/10333403314-标准曲线图https://qtchina.blog.csdn.net/article/details/11963135615-曲线面积图https://qtchina.blog.csdn.net/article/details/11966694816-标准柱状图https://qtchina.blog.csdn.net/article/details/11977190317-柱状堆积图https://qtchina.blog.csdn.net/article/details/11983748918-柱状分组图https://qtchina.blog.csdn.net/article/details/11988187119-横向柱状图https://qtchina.blog.csdn.net/article/details/11994486220-横向分组图https://qtchina.blog.csdn.net/article/details/11996715821-数据转曲线https://qtchina.blog.csdn.net/article/details/11998073222-平滑曲线图https://qtchina.blog.csdn.net/article/details/120052833 三、电子看板介绍电子看板是目视化管理的一种表现形式，即对数据的状况一目了然地表现，主要是对于管理项目，它通过利用形象直观而又色彩适宜的各种视觉感知信息来组织现场生产活动。 四、功能特点 采用分层设计，整体总共分三级界面，一级界面是整体布局，二级界面是单个功能模块，三级界面是单个控件。子控件包括饼图、圆环图、曲线图、柱状图、柱状分组图、横向柱状图、横向柱状分组图、合格率控件、百分比控件、进度控件、设备状态面板、表格数据、地图控件、视频控件等。二级界面可以自由拖动悬浮，支持最小化隐藏、最大化关闭、响应双击自定义标题栏。数据源支持模拟数据（默认）、数据库采集、串口通信（需定制）、网络通信（需定制）、网络请求等，可自由设定每个子界面的采集间隔即数据刷新频率。采用纯QWidget编写，亲测Qt4.6到Qt6.2任意版本，理论上支持后续其他Qt版本。超强跨平台，亲测windows、linux、mac、国产uos、国产银河麒麟kylin等系统，效果完美，同时还支持嵌入式linux比如树莓派、香橙派、全志、imx6等。同时集成了自定义控件、qchart饼图、echart地图等功能。内置多套配色风格样式（紫色、蓝色、深蓝、黑色），默认紫色，自适应任意分辨率。可设置系统标题、目标分辨率、布局方案，启动立即应用。可设置主背景颜色、面板颜色、十字线游标颜色等各种颜色。可设置多条曲线不同颜色，没有设置颜色的情况下内置多套精美颜色随机应用。可设置标题栏背景颜色、文字颜色。可设置曲线图表背景颜色、文字颜色、网格颜色。可设置正常颜色、警戒颜色、报警颜色、禁用颜色、百分比进度颜色。可分别设置各种字体大小，比如全局字体、软件名称、标题栏、子标题栏、加粗标签等。可设置标题栏高度、表头高度、行高度。曲线支持游标、定位线、悬停高亮数据点、悬停显示值。柱状图支持顶部（可设置顶端、上部、中间、底部）显示数据，全部自适应计算位置。支持平滑曲线，内置多种平滑曲线算法，还支持面积图平滑。面积图填充颜色可选多种规则比如单色透明度填充、透明度渐变填充等。数据库支持sqlite、mysql、postgresql、oracle、国产人大金仓等数据库。主界面直接鼠标右键切换布局、配色方案、关闭开启某个二级窗体。自动记忆所有子窗口的大小和位置，下次启动立即应用。动态加载布局方案菜单，可以动态新建布局、恢复布局、保存布局、另存布局等，用户可以制造任意布局。二级窗体，双击从主窗体分离出来浮动，可以自由调整大小。再次双击标题栏最大化，再次双击还原。子模块也可以全屏显示作为一个大屏，这样就可以一个大屏拓展出多个子大屏，放大查看子模块的数据详情，适用多屏展示。每个模块都可以自定义采集速度，如果是数据库采集会自动排队处理，后期还可以拓展每个子模块都独立的数据库采集。提供系统设置模块进行整体的配置参数设置，效果立即应用。提供精美炫酷的大屏地图模块，包括静态图片、闪烁效果、迁徙效果、世界地图、区域地图等，可指定点的经纬度坐标，识别单击响应，可以做地图跳转等，每个点都可以不同的颜色和提示信息。除了提供大屏系统外，还将每个模块都做了独立的模块示例界面，每个模块都可以独立学习使用，里面用到的控件也单独做了控件示例界面，方便学习每个控件如何使用。非常详细的开发和使用手册，其中包括数据库说明、模块对照图、控件对照图、项目结构、代码说明（精确到每个类）、演示demo、使用方法等。 五、配置文件说明 （1）、基本参数 字段描述默认值WorkMode工作模式 timer-模拟数据 db-数据库采集 tcp-网络采集 http-post请求dbMapStyle中间地图样式 image-静态图片 point-闪烁点 move-迁徙图pointTitle软件标题，显示在软件中间顶部数字化工厂信息中心Ratio分辨率，目前无意义4096*216Layout布局方案，每次切换布局方案以后都会保存完整布局Theme配色方案，每次切换配色方案以后都会保存紫色风格VideoAddr视频流地址，视频模块播放的视频地址凤凰卫视AutoRun是否开机启动falseMoveEnable模块是否可以拖动，启用以后模块可以任意拖动trueCutLeftBottom底部布局左侧是否切掉trueCutRightBottom底部布局右侧是否切掉trueStaticLine是否绘制静态定位线，为假则绘制游标十字线trueShowPercentY轴是否显示百分比trueStepYY轴大尺度步长6CursorHideTime用户不操作鼠标自动隐藏鼠标的时间间隔，单位秒5 （2）、颜色配置参数 字段描述默认值ColorMainBg主背景颜色QColor(4, 7, 38)ColorPanelBg面板背景颜色QColor(26, 29, 60)ColorLine十字线定位线颜色QColor(255, 0, 0)ColorLine1线条1颜色QColor(0, 176, 180)ColorLine2线条2颜色QColor(32, 159, 223)ColorLine3线条3颜色QColor(255, 192, 0)ColorTitleBg标题栏背景颜色QColor(48, 48, 85)ColorTitleText标题栏文字颜色QColor(255, 255, 255)ColorChartBg曲线图表背景颜色QColor(38, 41, 74)ColorChartText曲线图表文字颜色QColor(250, 250, 250)ColorChartGrid曲线图表网格颜色QColor(180, 180, 180)ColorOk正常颜色QColor(0, 176, 180)ColorLow警戒颜色QColor(255, 192, 0)ColorAlarm报警颜色QColor(214, 77, 84)ColorDisable禁用背景颜色QColor(210, 210, 210)ColorPercent环形百分比背景颜色QColor(0, 254, 254) （3）、字体和尺寸配置参数 字段描述默认值MainFont全局字号微软雅黑，12NameFont软件名称字号19LabFont加粗标签字号12DeviceFont设备面板字号12SubTitleFont模块子标题栏字号13TitleFont模块标题栏字号15TitleHeight模块标题栏高度23HeadHeight表格表头高度28RowHeight表格行高度25 （4）、采集速度配置参数 字段描述默认值IntervalModule1模块1采集间隔5000IntervalModule2模块2采集间隔5000IntervalModule3模块3采集间隔5000IntervalModule4模块4采集间隔5000IntervalModule5模块5采集间隔5000IntervalModule6模块6采集间隔5000IntervalModule7模块7采集间隔5000IntervalModule8模块8采集间隔5000 （5）、本地数据库配置参数 字段描述默认值LocalDBType本地数据库类型，Sqlite、Mysql等MysqlLocalDBIP本地数据库主机地址127.0.0.1LocalDBPort本地数据库端口3306LocalDBName本地数据库名称bigscreenLocalUserName本地数据库用户名rootLocalUserPwd本地数据库密码root 六、特别说明 可执行文件同级文件夹有layout+layout_1440+layout_1920，程序默认自动识别分辨率并加载对应的布局文件夹，比如1920分辨率则从layout_1920文件夹加载布局，并作为整体布局文件夹。程序默认是模拟数据，如果需要从数据库采集则修改配置文件WorkMode=db即可。如果发现布局拖动乱了，可以直接鼠标右键选择恢复布局即可，在保存布局以前。在中间地图模块鼠标右键可以弹出菜单，切换布局和配色方案等。在模块的标题栏上右键可以弹出默认的dock菜单，用来显示和隐藏各模块。软件关闭过程中会自动保存布局，下次启动以后自动应用。如果使用的默认的默认的配色方案比如紫色风格，则配置文件中的颜色全部无效，会自动应用代码中的颜色，如果需要启用自定义的颜色，则将配置文件的 Theme=\x81ea\x5b9a\x4e49\x98ce\x683c 即可。此时打开软件会应用配置文件中的颜色。右键菜单可以截图保存，默认命名为 配色方案名称_布局方案名称.png 保存在snap目录下。如果是XP系统请先执行fixff.cmd，用来修复ffmpeg在XP上不可用的BUG。在二级窗体的标题栏上右键弹出模块菜单，可以对单个模块打开关闭，其他地方右键全局菜单。体验地址：https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g 提取码：01jf 文件名：bin_bigscreen.zip。会不定期更新程序，欢迎各位提出批评和建议。 七、布局方案+配色方案
|
【本文地址】
今日新闻 |
推荐新闻 |