C/C++ Qt 选择夹TabWidget组件应用

原创已于 2024-01-02 16:51:02 修改 · 9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#qt #c++ #ui #开发语言

于 2021-11-24 09:36:00 首次发布

博客园搬家专栏收录该内容

196 篇文章

订阅专栏

本文介绍了如何在Qt环境中使用TabWidget组件来集成多个功能，并详细展示了如何添加和美化子标签，包括设置图标、位置、形状、大小以及鼠标悬停提示。同时，通过资源文件导入ICO图标，实现了每个子标签的独特视觉效果。代码示例详细地说明了如何在C++中初始化和配置TabWidget及其各个属性。

部署运行你感兴趣的模型镜像

在Qt中通过使用选择夹组件可以实现在一个页面中集成多种功能，我们以TabWidget选择夹组件为例，实现在单个页面中集成多个功能，并给每一个子夹增加对应的Ico图标。

如果我们使用选择夹组件，必须提前拖入UI界面中(无法代码生成)，如下我们找到TabWidget并将其拖入UI界面中。

其次需要增加与美化代码对应的子夹数量，这里我们分别增加三个子夹，此处只需要增加不需要重命名。

接着我们需要增加三个子夹对应的图标组，插入图标组需要执行以下步骤。

选择Forms -> 右键(AddNew) -> Qt -> Qt Resource File -> 命名为 res

添加前缀/ -> 添加文件 -> 导入所有ICO文件.

通过上方的配置后，我们的资源就会被编译为二进制文件，此时通过代码中使用QIcon(":/image/1.ico")相对路径即可引入到项目中。

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    // 全局配置tabWidget选项卡
    ui->tabWidget->setTabPosition(QTabWidget::North);       // 设置选项卡方位
    ui->tabWidget->setIconSize(QSize(50, 25));              // 设置图标整体大小
    ui->tabWidget->setTabShape(QTabWidget::Triangular);     // 设置选项卡形状
    ui->tabWidget->setMovable(true);                        // 设置选项卡是否可拖动
    ui->tabWidget->usesScrollButtons();                     // 选项卡滚动

    // 设置选项卡1
    ui->tabWidget->setTabText(0,QString("进制转换标签"));           // 设置选项卡文本
    ui->tabWidget->setTabIcon(0,QIcon(":/image/1.ico"));          // 设置选项卡图标
    ui->tabWidget->setTabToolTip(0,QString("SpinBox 与进制转换"));  // 设置鼠标悬停提示

    // 设置选项卡2
    ui->tabWidget->setTabText(1,QString("颜色配置标签"));          // 设置选项卡文本
    ui->tabWidget->setTabIcon(1,QIcon(":/image/2.ico"));         // 设置选项卡图标
    ui->tabWidget->setTabToolTip(1,QString("滑块条的使用"));       // 设置鼠标悬停提示

    // 设置选项卡3
    ui->tabWidget->setTabText(2,QString("系统配置标签"));          // 设置选项卡文本
    ui->tabWidget->setTabIcon(2,QIcon(":/image/3.ico"));         // 设置选项卡图标
    ui->tabWidget->setTabToolTip(2,QString("圆形组件与数码表"));    // 设置鼠标悬停提示
}

MainWindow::~MainWindow()
{
    delete ui;
}

我们直接在代码中初始化这些选择夹即可实现增加图标以及字体等功能，运行后代码如下所示。