Qt 实现动态创建多个标签页，页中动态创建多个子部件

最新推荐文章于 2024-09-27 20:51:52 发布

编程艺术探索

最新推荐文章于 2024-09-27 20:51:52 发布

阅读量531

点赞数

CC 4.0 BY-SA版权

文章标签： qt 开发语言 QT

本文链接：https://blog.youkuaiyun.com/TechRoarX/article/details/132905075

QT 专栏收录该内容

109 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何在Qt中使用QTabWidget动态创建多个标签页，并在每个标签页内动态添加多个子部件。通过示例代码展示了如何实现这一功能，包括添加标签页、创建子部件以及设置布局，适用于需要动态内容界面的设计场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Qt 实现动态创建多个标签页，页中动态创建多个子部件

在Qt中，我们可以使用QTabWidget类来创建一个具有多个标签页的界面。每个标签页可以包含多个子部件，我们可以动态地在运行时创建这些子部件。

首先，我们需要在项目中添加Qt的头文件和命名空间：

#include <QApplication>
#include <QTabWidget>
#include <QWidget>

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

编程艺术探索

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

QT的多标签控件-QTabWidget

qq_52137592的博客

05-25

1202

前面我们介绍了，在QT中还有另一种类似的控件，就是QTabWidget，例如我们经常会遇到如图中的这种标签控件，点击标签切换展示的内容，每次只展示其中一个页面，在QT中就可以用QTabWidget来实现。QTabWidget是一个用于创建多标签、多选项卡界面的控件，用户通过点击不同的标签来切换不同的视图或内容，每个标签包含不同的页面，标签栏默认展示在最上面，可以通过设置调整放置的位置。

QT写的多标签浏览器

08-30

支持Flash，可以在线看视频、听音乐还有制作的文档

参与评论您还未登录，请先登录后发表或查看评论

QT创建多个子工程和子模块

weixin_38739299的博客

01-30

1886

简述在模块模编程中,为了降低程序的复杂度以及后期的维护，Qt提供了pro和pri 多工程pro 将大型项目分为多个子工程,(它们之间可单独编译) 1、点击菜单栏 “File”–> “New File or Project”–> “Other Project” --> “Subdirs Project” -->然后一路下一步; 2、右键项目名 --> “New Subproject” 来创建相关子工程项目多模块pri 如果某项目的功能很多,可以把它拆分成多个模块，(子模块还

QT5 动态添加QQ标签栏Tab 代码

07-11

QT5 动态添加QQ标签栏Tab 代码

Pyqt5 多标签_实战PyQt5: 012-工具按钮控件QToolButton

weixin_39623411的博客

11-20

287

QToolButton简介QToolButton工具按钮，最常用于QToolBar中，不同于QPushButton， QToolButton通常不显示文本标签，而只显示一个图标，但在同时在按钮上显示图标和文本，QToolButton中文字和图标的排列方式更丰富一些(虽然QPushButton也可以实现，但麻烦得多)。QToolButton可以使用弹出按钮，弹出一个菜单，以方便提供丰富的操作。Q...

QT之子窗口控件使用

04-09

2. 在`mainwindow.ui`中添加子窗口控件：通过QT Designer将子窗口控件添加到主窗口布局中，如`QStackedWidget`用于页面切换，`QDockWidget`用于浮动窗口，`QTabWidget`用于标签页。 3. 实现子窗口的添加和切换：在`...

【Qt笔记】Qt中各个布局详解

qq_52924376的博客

08-27

3593

在Qt框架中，布局管理是一个核心概念，它负责自动调整窗口部件（widgets）的大小和位置，以响应窗口大小的变化、不同平台的显示差异以及用户界面的动态变化。

Qt中常用的窗体

weixin_57726902的博客

06-19

1376

qt中一些常用的窗体以及窗体中常用的方法

使用 StackedWidget 和 TabWidget 来动态创建多个页面

周杰伦

01-14

3170

首先在界面拖入TabWidget 和StackedWidget 控件: 注意 StackedWidget 控件有两个页面 page 和 page_2. connect(ui->tabWidget_header,&QTabWidget::currentChanged,this,&TestClass::currentChanged); ...省略 QSt...

QT：多窗口设计（主窗口点击按钮打开子窗口）

2303_76814451的博客

09-27

8095

实现主窗口点击按钮后，打开子窗口。

Qt5多行自适应TabBar

10-23

基于Qt5的TabBar，可以自适应宽度，宽度不足时自动多行显示，Qt4也可以，稍加修改就好了，里面有效果图。

【1】Qt的按钮与信号槽多加一个label的知识点

我是谁我在哪我在学什么

05-14

956

视频教程功能召唤术会隐藏己方窗口。 widget.cpp【创建父窗口的按钮和子窗口两个信号一个是自己父窗口的按钮另一个是子窗口发来的信号（因为子窗口没有父窗口的指针没法操作父窗口显示）】 #include "widget.h" Widget::Widget(QWidget *parent) : QWidget(parent) { this->resize(400,300);//想不起函数可以从QWidget的Public Functions里找 this->s

Qt实现动态创建多个Tab按钮，动态创建多个Page页，动态管理Item

黑兔子JH的博客

06-05

2547

动态创建Tab按钮和Page页，点击某一个Tab按钮，就会显示对应的Page,Page中动态创建了不同个数的Item。

Qt QTabWidget之创建标签页的多页面切换

love_dear的博客

08-14

2343

Qt QTabWidget之创建标签页的多页面切换

qml界面，标签，多页面显示

ZuiRen_Xiang的博客

08-21

2308

最近工作上面需要使用qml来画界面，然后有个界面窗口切换的功能想了很久才实现，所以分享一下，记录一下。功能实现：两个按钮在上面，然后我可以点击这两个按钮，分别切换到相应的界面上去，然后在那个界面上面挂上其他的标签，点击标签切换到别的页面，文字说明就这样。上图点击左边那个按钮，显示第一个界面，有两个标签，然后点击标签，又显示到别的页面点击第二个按钮，显示到另外一个页面的信息，页面上也有两...

QT的QLabel控件使用详解

带你成为别人眼中的大佬！

08-22

1271

这里需要使用QPixmap类来加载并存储图像文件，然后再通过setPixmap()方法设置到标签中。这里使用了“new”运算符来动态分配一个QLabel对象，this表示该标签所属的父级窗口或控件。下面，我们将通过实例化、设置文本、图像和提示信息的方式来介绍QLabel的基本使用方法。注意，setText()方法只能设置单行文本信息，如果文本过长，会自动截断。可以使用setPixmap()方法为标签设置图像信息。可以使用setText()方法为标签设置文本信息。QT的QLabel控件使用详解。

浏览器标签页页面QT - 使用Qt构建浏览器标签页

FuJavascript的博客

09-22

369

在本文中，我们将使用Qt框架来构建一个简单的浏览器标签页页面。我们将以一个示例项目为基础，该项目将包含一个主窗口和多个选项卡，每个选项卡都可以加载不同的网页内容。通过添加选项卡和为每个选项卡的浏览器窗口加载不同的URL，我们实现了基本的浏览器功能。首先，我们需要创建一个新的Qt Widgets项目。在项目中，创建一个主窗口类，并在主窗口上添加一个选项卡部件。在主窗口的构造函数中，我们可以添加选项卡并为每个选项卡创建一个浏览器窗口。为了加载网页内容，我们需要为每个选项卡的浏览器窗口设置一个URL。

基于C++的为窗体增加TAB页和动态添加控件

C++学习群:1037025565

03-24

835

VC++为窗体增加TAB页和动态添加文本输入控件，这个例子中有如何添加动态TAB页的演示，还有动态添加控件的演示，这些小技巧我觉得还是挺有用的，希望VC++新手好好学习一下哦。项目源代码：部分代码：程序执行代码： ...

Python PyQt5 多Tab demo

计算机辅助工程

03-07

524

【代码】Python PyQt5 多Tab demo。

QT tabwidget操作

最新发布

04-01

### QTabWidget 的介绍 `QTabWidget` 是 Qt 中用于创建选项卡式界面的核心组件之一。它允许开发者在一个窗口中通过多个标签页来组织不同的内容区域，从而提高应用程序的空间利用率和用户体验。 #### 基本概念 `QTabWidget` 提供了一个容器，可以容纳多个子部件（widgets），每个子部件对应一个标签页。用户可以通过点击不同标签切换到对应的页面。这种布局非常适合需要分组显示大量数据或功能的应用程序[^1]。 --- ### 创建 `QTabWidget` 以下是创建并初始化 `QTabWidget` 的基本代码示例： ```python from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QTabWidget, QLabel class MainWindow(QWidget): def __init__(self): super().__init__() layout = QVBoxLayout() self.tab_widget = QTabWidget() # 添加第一个标签页 tab1 = QWidget() label1 = QLabel("这是第一页的内容") vbox_tab1 = QVBoxLayout(tab1) vbox_tab1.addWidget(label1) # 添加第二个标签页 tab2 = QWidget() label2 = QLabel("这是第二页的内容") vbox_tab2 = QVBoxLayout(tab2) vbox_tab2.addWidget(label2) # 将标签页加入 QTabWidget self.tab_widget.addTab(tab1, "首页") # 参数分别为 widget 和标签名称 self.tab_widget.addTab(tab2, "设置") layout.addWidget(self.tab_widget) self.setLayout(layout) if __name__ == "__main__": app = QApplication([]) window = MainWindow() window.show() app.exec_() ``` 上述代码展示了如何创建两个简单的标签页，并分别向其中添加一些基础控件。 --- ### 设置当前活动的标签页 可以通过调用 `setCurrentIndex(int index)` 方法指定默认打开的标签页索引位置。例如，在上面的例子基础上修改如下： ```python self.tab_widget.setCurrentIndex(1) # 默认选中第二个标签页 (索引从0开始计数) ``` 同样也可以动态改变激活状态或者监听变化事件。 --- ### 获取选定的标签页及其信息要获取当前被选择中的那个具体项，则需要用到函数 `currentIndex()` 或者 `currentWidget()`. 下面是一个完整的例子展示怎样捕获这些细节: ```python def on_current_changed(index): print(f"现在选择了 {index} 号标签.") self.tab_widget.currentChanged.connect(on_current_changed) # 当前已连接至槽函数 'on_current_changed' ``` 这里定义了每当发生切换动作时触发打印消息的动作. --- ### 自定义外观与行为调整对于更加个性化的视觉效果或是增强可用性的需求来说，还可以进一步定制样式表单以及响应机制等方面的工作。比如更改字体大小颜色等等都可以借助 CSS 风格语法实现。 ```css /* 定义未选中状态下文字属性 */ QTabBar::tab { background-color: lightgray; color:black ; } /* 被选中的时候呈现高亮色块 */ QTabBar::tab:selected{ background-color : darkblue; color:white ; } ``` 以上片段即为一段典型的针对 Tab 控制条样式的声明语句. --- ### 用户体验优化建议考虑到实际应用场景下的易用性和效率问题，应当遵循降低认知负载的原则来进行设计。这意味着尽可能简化操作流程让用户无需过多思索就能顺利完成目标任务[^2]. 例如可以在初次加载某个新项目之前预填充好常用参数值减少输入次数；又或者是合理安排各模块间的位置关系使得逻辑清晰直观便于查找定位等功能改进措施均有助于提升整体满意度水平。 ---