【Qt系列】QTabWidget类的使用

本文详细介绍如何使用Qt中的QTabWidget组件设计复杂界面,包括设置布局、创建页面、调整标签位置及形状等实用技巧。

备注:文中夹杂着英文是因为软件里面的名词就是英文的。

0.显示效果

在这里插入图片描述
360的界面就是类似QTabWidget类。通过按上面不同的图标,下面会出现不同的界面。
下面也是通过QTabWidget类实现的。
在这里插入图片描述

1.新建工程

在这里插入图片描述
新建一个以QMainWindow为基类的工程。

2.界面设置

点击【mainwindow.ui】进入设计师界面,因为我想要设计的选择栏是在上方, 展示界面在下方,所以centralwidget的布局应该是垂直布局(Vertical Layout)的。如果想要左右分布的形式,则应该选择水平布局(Horizontal Layout)。
先拖入一个Vertical Layout,不然centralwidget没办法设置为垂直布局。
在这里插入图片描述
点击右边的对象窗格中的【centralwidget】,然后点击工具栏的【垂直布局】,会发现它的图标变成了三个横杠。
在这里插入图片描述
拖入一个Label控件【Display Widgets】和Tab Widget控件【Containers】,分上下排列。
在这里插入图片描述
可以通过右键点击Tab1或者Tab2进入【插入页】的操作,获得更多的页面。按Ctrl+S对UI界面进行保存设置。

3.重要函数

1)设置标题

ui->tabWidget->setTabText(0,"123");

界面的序号从0开始算起,设置序号0页面的标题为“123”。
在这里插入图片描述
2)设置页面布局
在这里插入图片描述
在头文件添加QVBoxLayout声明,待会作为页面1的布局。记得前面添加头文件#include<QVBoxLayout>

MainWindow::MainWindow(QWidget *parent)
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值