备注:文中夹杂着英文是因为软件里面的名词就是英文的。
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)

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

3万+

被折叠的 条评论
为什么被折叠?



