【Qt 学习笔记】Qt常用控件 | 容器类控件 | Tab Widget的使用及说明

简介: 【Qt 学习笔记】Qt常用控件 | 容器类控件 | Tab Widget的使用及说明

Qt常用控件 | 容器类控件 | Tab Widget的使用及说明

一、QTabWidget介绍

1. 简介

QTabWidget是Qt中的一个小部件,它提供了一个选项卡窗口小部件,可以用于创建多个选项卡,并在每个选项卡中显示不同的内容。

QTabWidget可以用来创建一个选项卡式的界面,每个选项卡可以包含不同的小部件,如文本框、按钮、列表等。用户可以通过点击选项卡切换显示内容。

2. 核心属性

image.png

3. 核心信号

image.png

二、QTabWidget的使用(代码示例)

1. 标签页管理多组控件

  1. 在界面中创建Tab Widget控件,和两个按钮,如下图所示
  2. 在每个界面中创建一个标签,显示对应页数
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QLabel *label =new QLabel(ui->tab);
    label->setText("标签页1");
    label->resize(100,50);

    QLabel *label2 =new QLabel(ui->tab_2);
    label2->setText("标签页2");
    label2->resize(100,50);


}
  1. 编写增删按钮槽函数,以及TabWidget控件的选中时打印选中的下标
void Widget::on_pushButton_clicked()
{
    //获取到现在标签的数量
    int count = ui->tabWidget->count();
    //指定一个QWidget
    QWidget *w =new QWidget();
    //创建一个新的标签页,指定这个标签页的标题,如Tab 1
    ui->tabWidget->addTab(w,QString("Tab ")+QString::number(count+1));
    //在新建的标签页中添加标签
    QLabel *label =new QLabel(w);
    label->setText(QString("标签页")+QString::number(count+1));
    label->resize(100,50);
    //设置新建的标签页为选中状态
    ui->tabWidget->setCurrentIndex(count);
}

void Widget::on_pushButton_2_clicked()
{
    //获取到选中的标签页下标
    int index = ui->tabWidget->currentIndex();
    //删除选中的标签页
    ui->tabWidget->removeTab(index);
}

void Widget::on_tabWidget_currentChanged(int index)
{
    qDebug()<<"当前选中的标签页下标为:"<<index;
}

使用 count() 获取到标签页的个数.

• 使用 addTab 新增标签页.

• 使用 removeTab 删除标签页.

• 使用 currentIndex 获取到当前标签页的下标.

• 使用 setCurrentIndex 切换当前标签页.


  1. 运行代码,查看结果


点击新建标签页, 可以创建出新的标签.

• 点击删除当前标签页, 可以删除标签.

• 切换标签页时, 可以看到 qDebug 打印出的标签页编号.

目录
相关文章
|
11月前
|
前端开发 程序员 API
【Qt】控件介绍
【Qt】控件介绍
|
11月前
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 空白项Spacer
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 空白项Spacer
514 2
|
11月前
|
网络协议 Linux C++
【Qt】多种控件实现“hello world“
【Qt】多种控件实现“hello world“
|
5天前
|
存储 监控 测试技术
如何将现有的应用程序迁移到Docker容器中?
如何将现有的应用程序迁移到Docker容器中?
36 3
|
10天前
|
NoSQL Redis Docker
使用Docker Compose工具进行容器编排的教程
以上就是使用Docker Compose进行容器编排的基础操作。这能帮你更有效地在本地或者在服务器上部署和管理多容器应用。
129 11
|
5天前
|
缓存 Java Docker
如何对应用代码进行优化以提高在Docker容器中的性能?
如何对应用代码进行优化以提高在Docker容器中的性能?
32 1
|
5天前
|
存储 监控 Java
如何对迁移到Docker容器中的应用进行性能优化?
如何对迁移到Docker容器中的应用进行性能优化?
32 1
|
1月前
|
Docker 容器
Docker网关冲突导致容器启动网络异常解决方案
当执行`docker-compose up`命令时,服务器网络可能因Docker创建新网桥导致IP段冲突而中断。原因是Docker默认的docker0网卡(172.17.0.1/16)与宿主机网络地址段重叠,引发路由异常。解决方法为修改docker0地址段,通过配置`/etc/docker/daemon.json`调整为非冲突段(如192.168.200.1/24),并重启服务。同时,在`docker-compose.yml`中指定网络模式为`bridge`,最后通过检查docker0地址、网络接口列表及测试容器启动验证修复效果。
|
28天前
|
Ubuntu 安全 数据安全/隐私保护
在Docker容器中部署GitLab服务器的步骤(面向Ubuntu 16.04)
现在,你已经成功地在Docker上部署了GitLab。这就是我们在星际中的壮举,轻松如同土豆一样简单!星际旅行结束,靠岸,打开舱门,迎接全新的代码时代。Prepare to code, astronaut!
137 12
|
2月前
|
关系型数据库 MySQL Docker

推荐镜像

更多
  • qt