Qt可视化大屏布局的实现

 更新时间:2024年02月07日 11:40:59   作者:Cuit小唐  
数据可视化大屏在项目中的使用很常见,本文主要介绍了Qt可视化大屏布局的实现,具有一定的参考价值,感兴趣的可以了解一下

科技大屏现在非常流行,这里分享一下某个项目的大屏布局(忘了源码是哪个博主的了)

展示

这个界面整体是垂直布局,分为两个部分,标题是一个部分,然后下面的整体是一个layout布局,为另外一部分。

layout布局水平方向分为左中右,比例:2:3:2,左边是垂直布局,两个模块,大小比例2:1,中间是1:2:1,右边是.3:1:2.都是以卡片的形式区分开,我们往里面填东西就行了,卡片是重写paintEvent画的。

布局代码

    QVBoxLayout *layoutMain = new QVBoxLayout(this);//创建一个垂直布局(QVBoxLayout),并将其设置为当前窗口或小部件(this)的布局。
    layoutMain->setMargin(0);//设置主布局的外边距为0。
    layoutMain->setSpacing(0);//设置主布局中项之间的间距为0

    //左
    QVBoxLayout *layoutLeft = new QVBoxLayout();
    layoutLeft->setSpacing(10);//设置左侧布局中项之间的间距为10。
    layoutLeft->setMargin(0);//设置左侧布局的外边距为0。
    //在左侧布局中添加两个小部件,并为它们设置权重。这决定了它们在布局中的大小比例。
    layoutLeft->addWidget(new test(), 2);//
    layoutLeft->addWidget(new test(), 1);//

    //中
    QVBoxLayout *layoutCenter = new QVBoxLayout();
    layoutCenter->setSpacing(10);
    layoutCenter->setMargin(0);
    layoutCenter->addWidget(new test(), 1);
    layoutCenter->addWidget(m_pDynamicsEarth, 2);//给地球2/4的控件
    layoutCenter->addWidget(new test(), 1);
    //右
    QVBoxLayout *layoutRight = new QVBoxLayout();
    layoutRight->setSpacing(10);
    layoutRight->setMargin(0);
    layoutRight->addWidget(new test(), 3);
    layoutRight->addWidget(new test(), 1);
    layoutRight->addWidget(new test(), 2);

    //水平 分为3个部分
    QHBoxLayout *layoutContent = new QHBoxLayout();
    layoutContent->setMargin(10);
    layoutContent->setSpacing(40);
    layoutContent->addLayout(layoutLeft, 2);
    layoutContent->addLayout(layoutCenter, 3);
    layoutContent->addLayout(layoutRight, 2);

    //添加title
    layoutMain->addWidget(m_pTitle);//Title
    //添加layout
    layoutMain->addLayout(layoutContent, 1);

各位可以参考这个布局方式进行设计。

到此这篇关于Qt可视化大屏布局的实现的文章就介绍到这了,更多相关Qt可视化大屏布局内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 总结C语言中const关键字的使用

    总结C语言中const关键字的使用

    一起虽然学过c语言,但是并没有写过太多的代码,最近想要拾起c语言,就写了一些代码,但是对const关键字比较陌生,这里总结一下,方法自己和大家有需要的时候参考借鉴,下面跟着小编一起学习学习吧。
    2016-11-11
  • Qt QCustomPlot库简介(最新推荐)

    Qt QCustomPlot库简介(最新推荐)

    QCustomPlot是一款基于Qt的高性能C++绘图库,专为二维数据可视化设计,它具有轻量级、实时处理百万级数据和多图层支持等特点,适用于科学计算、工业监控等场景,本文给大家介绍Qt QCustomPlot库简介,感兴趣的朋友一起看看吧
    2025-07-07
  • C/C++ 实现动态资源文件释放的方法

    C/C++ 实现动态资源文件释放的方法

    当我们开发Windows应用程序时,通常会涉及到使用资源(Resource)的情况。资源可以包括图标、位图、字符串等,它们以二进制形式嵌入到可执行文件中,这篇文章主要介绍了C/C++ 实现动态资源文件释放,需要的朋友可以参考下
    2023-12-12
  • 解读构造函数的调用规则、深拷贝与浅拷贝

    解读构造函数的调用规则、深拷贝与浅拷贝

    本文主要介绍了C++中的默认构造函数、拷贝构造函数以及深拷贝和浅拷贝的概念,并通过实际代码示例进行了详细讲解
    2024-11-11
  • C++实现LeetCode(133.克隆无向图)

    C++实现LeetCode(133.克隆无向图)

    这篇文章主要介绍了C++实现LeetCode(133.克隆无向图),本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • C++ LeetCode0547题解省份数量图的连通分量

    C++ LeetCode0547题解省份数量图的连通分量

    这篇文章主要为大家介绍了C++ LeetCode0547题解省份数量图的连通分量示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • C语言中static的使用方法实例详解

    C语言中static的使用方法实例详解

    static一般用于修饰局部变量,全局变量,函数,下面这篇文章主要给大家介绍了关于C语言中static用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • QT实现简单时钟效果

    QT实现简单时钟效果

    这篇文章主要为大家详细介绍了QT实现简单时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 字符串拷贝函数memcpy和strncpy以及snprintf 的性能比较

    字符串拷贝函数memcpy和strncpy以及snprintf 的性能比较

    以下是对字符串拷贝函数memcpy和strncpy以及snprintf它们之间的性能进行了比较,需要的朋友可以过来参考下
    2013-07-07
  • C++中静态成员函数访问非静态成员的实例

    C++中静态成员函数访问非静态成员的实例

    这篇文章主要介绍了C++中静态成员函数访问非静态成员的实例的相关资料,需要的朋友可以参考下
    2017-07-07

最新评论