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++ static详解,类中的static用法说明

    C++ static详解,类中的static用法说明

    这篇文章主要介绍了C++ static详解,类中的static用法说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • C++实现控制台随机迷宫的示例代码

    C++实现控制台随机迷宫的示例代码

    本文主要介绍了C++实现控制台随机迷宫的示例代码,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • C语言实现三子棋小游戏

    C语言实现三子棋小游戏

    这篇文章主要为大家详细介绍了C语言实现三子棋小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • C语言操作符超详细讲解上篇

    C语言操作符超详细讲解上篇

    C 语言提供了丰富的操作符,有:算术操作符,移位操作符,位操作符,赋值操作符,单目操作符,关系操作符,逻辑操作符,条件操作符等。因为篇幅过大将分两篇讲解,让我们通读本篇来详细了解吧
    2022-04-04
  • C++ 实现读写锁的代码详解

    C++ 实现读写锁的代码详解

    C++读写锁是一种多线程同步机制,它允许多个线程同时读取共享数据,但只允许一个线程写入共享数据,这种锁可以提高程序的并发性和性能,本文给大家介绍了C++ 实现读写锁的代码,需要的朋友可以参考下
    2023-10-10
  • c++读取和写入TXT文件的整理方法

    c++读取和写入TXT文件的整理方法

    今天小编就为大家分享一篇c++读取和写入TXT文件的整理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-07-07
  • QT实战之打开最近文档功能的实现

    QT实战之打开最近文档功能的实现

    这篇文章主要为大家详细介绍了如何利用Qt实现打开最近文档功能,并实现基本的新建、打开、保存、退出、帮助等功能,感兴趣的可以动手尝试一下
    2022-06-06
  • C语言实现计算双色球的中奖率

    C语言实现计算双色球的中奖率

    这篇文章主要为大家详细介绍了如何利用C语言实现计算双色球的中奖率,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-12-12
  • 关于C语言和命令行之间的交互问题

    关于C语言和命令行之间的交互问题

    这篇文章主要介绍了C语言和命令行之间的交互,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-07-07
  • Ubuntu20.04安装使用jsoncpp、json-c库的方法实例

    Ubuntu20.04安装使用jsoncpp、json-c库的方法实例

    这篇文章主要给大家介绍了关于Ubuntu20.04安装使用jsoncpp、json-c库的相关资料,文中通过代码介绍的非常详细,对大家的学习或者工作就有一定的参考借鉴价值,需要的朋友可以参考下
    2024-04-04

最新评论