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

news2024/9/21 19:07:31

QTabWidget 用来分页显示
重要函数:
1.void setTabText(int, QString); //设置页面的名字.
2.void setTabToolTip(QString); //设置页面的提示信息.
3.void setTabEnabled(bool); //设置页面是否被激活.
4.void setTabPosition(QTabPosition::South); //设置页面名字的位置.
5.void setTabsClosable(bool); //设置页面关闭按钮。
6.int currentIndex(); //返回当前页面的下标，从0开始.
7.int count(); //返回页面的数量.
8.void clear(); //清空所有页面.
9.void removeTab(int); //删除页面.
10.void setMoveable(bool); //设置页面是否可被拖拽移动.
11.void setCurrentIndex(int); //设置当前显示的页面.

signals:
1.void tabCloseRequested(int). //当点击第参数个选项卡的关闭按钮的时候，发出信号.
2.void tabBarClicked(int). //当点击第参数个选项卡的时候，发出信号.
3.void currentChanged(int). //当改变第参数个选项卡的时候，发出信号.
4.void tabBarDoubleClicked(int). //当双击第参数个选项卡的时候，发出信号.
c.cpp

#include "c.h"
c::c(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);
    //连接信号与槽.
    connect(ui.insertButton, SIGNAL(clicked()), this, SLOT(addPageSlot()));    connect(ui.removeButton, SIGNAL(clicked()), this, SLOT(removePageSlot()));    connect(ui.dragButton, SIGNAL(clicked()), this, SLOT(dragPageSlot()));
}
c::~c()
{
}
void c::addPageSlot()
{
    //定义一个QWidget.
    QWidget *temp = new QWidget;
    //在当前页面的后面插入一个新的页面.
    ui.tabWidget->insertTab(ui.tabWidget->currentIndex() + 1, temp, QIcon("Icons/2.png"), QString::number(count));    //显示新的页面.
    ui.tabWidget->setCurrentIndex(ui.tabWidget->indexOf(temp));
    count++;
}
void c::removePageSlot()
{
    //删除当前的页面.
    ui.tabWidget->removeTab(ui.tabWidget->currentIndex());}
void c::dragPageSlot()
{
    //设置页面项是可被移动的.
    ui.tabWidget->setMovable(true);}

c.h

#ifndef C_H
#define C_H
#include <QtWidgets/QMainWindow>
#include "ui_c.h"
#include <QTabWidget>
#include <QPushButton>
class c : public QMainWindow
{
    Q_OBJECT
    public:
    c(QWidget *parent = 0);
    ~c();
    private slots:   
     void addPageSlot();    
     void removePageSlot();    
     void dragPageSlot();private:
     Ui::cClass ui;   
     int count = 0;
};#endif

QTabWidget添加选项卡的方法可用使用addTab方法和insertTab方法。
1、增加选项卡的addTab方法

addTab用于给QTabWidget增加一个选项卡，选项卡位置在现所有选项卡后面，调用语法如下：

int addTab(QWidget page, str label)
int addTab(QWidget page, QIcon icon, str label)

说明：

//page为一个QWidget 实例对象，其名字为对应选项卡的名字
//label为选项卡栏显示的选项卡标题文字，文字中可通过与符号（&）带一个快捷键字母，对应快捷键为：Alt+与符号后面字母
//icon为选项卡栏显示的选项卡图标
//返回值为新加选项卡在选项卡栏中的位置索引

注意：

如果在QTabWidget所在窗口show（）之后调用addTab（），布局系统将尝试调整部件层次结构可能导致闪烁。为了防止这种情况可以在更改之前将窗口的QWidget.updateselebled属性设置为False，在更改完成时将属性设置为True，使部件再次接收绘制事件。
示例代码：

	self.tab_reportManner = QtWidgets.QWidget()
    self.tab_reportManner.setObjectName("tab_reportManner")
    icon.addPixmap(QtGui.QPixmap(":/IT/图像文件/blog.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
    self.tabWidget.addTab(self.tab_reportManner, icon, "疫情上报方式")

2、插入选项卡的insertTab方法

QTabWidget的insertTab方法用于在QTabWidget指定位置插入一个选项卡，调用语法如下：

int insertTab(int index, QWidget page, str label)
int insertTab(int index, QWidget page, QIcon icon， str label)

说明：

insertTab方法的参数除了多了个index参数外，其他参数和返回值都是一样
如果index值超出范围，则新选项卡在所有选项卡最后面
如果在调用此函数之前QTabWidget没有选项卡，则插入选项卡将成为当前页，否则当前页保持不变

Qt–多页面切换组件

一.多页面切换组件
多页面的切换在我们日常的软件使用中是十分广泛的，有着很好的便捷性，下面一张图片展示了多页面的使用的便捷性

在这里插入图片描述
可以看到用鼠标点击不同的标题时会出现不同的页面内容

A.Qt中的多页面切换组件QTabWidget

Qt中为多页面切换的实现提供了一个专门的类QTabWidget,它可以实现能够在同一个窗口中自由切换不同页面的内容，并且是一个容器类型的组件，提供友好的页面切换方式，在QTabWidget类中提供了很多在工程中实用的函数，比如设置Tab标签的位置void setTabPosition(TabPosition)(North South West East),设置Tab的外观 void setTabShape(),设置Tab的可关闭模式void setTabsClosable()等各种在实际应用中用的较多的函数，具体的函数可以在Qt助手进行查询。

QTabWidget的使用方式–在Qt中的应用程序中创建QTabWidget的对象，将其他的QWiget对象加入该对象中(在QTabWidget对象中加入一个组件将生成一个新的页面，同时QTabWidget对象每次只能加入一个QWiget对象)，但是在实际的使用中每个页面会有多个的子组件，这时应该在工程中创建容器类型的组建对象，将多个子组件在容器对象中布局，最后将容器对象加入QTabWidget中生成新的页面.
在这里插入图片描述
1.能够在同一窗口中自由切换不同页面的内容

2.是一个容器类型的组件，同时提供友好的页面切换方式

Qt–多页面切换组件
QTabWidget的使用方式
1.在应用程序中创建QTabWidget的对象
2.将其他QWidget对象加入该对象中

实现过程
1.创建容器类的组件对象
2.将多个子组件在容器对象中布局
3.将容器对象加入QTabWidget中生成新的页面
Qt–多页面切换组件
QTabWidget组件的基本用法
Qt–多页面切换组件

B.QTabWidget组件的高级用法
1.设置Tab标签的位置
2.设置Tab的外观
3.设置Tab的可关闭模式

QTabWidget组件预定义的信号
void currentChange(int index)–当前显示的页面发送变化，index为新页面下标
void tabCloseRequsted(int index)–位置为index页面的关闭按钮被点击发出关闭请求
代码示例
Widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTableWidget>

class Widget : public QWidget
{
    Q_OBJECT

    QTabWidget m_tabWidget;
protected slots:
    void onTabCurrentChanged(int index);
    void onTabCloseRequested(int index);
public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif // WIDGET_H

Widget.cpp

#include "Widget.h"
#include <QPlainTextEdit>
#include <QLabel>
#include <QPushButton>
#include <QVBoxLayout>
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    //QTabWidget的基本设置
    m_tabWidget.setParent(this);
    m_tabWidget.move(10, 10);
    m_tabWidget.resize(200, 200);
    m_tabWidget.setTabPosition(QTabWidget::North);
    m_tabWidget.setTabShape(QTabWidget::Triangular);
    m_tabWidget.setTabsClosable(false);

    QPlainTextEdit* edit = new QPlainTextEdit(&m_tabWidget);
    edit->insertPlainText("页面1");

    m_tabWidget.addTab(edit, "1st");

    QWidget* widget = new QWidget(&m_tabWidget);
    QVBoxLayout* layout = new QVBoxLayout();
    QLabel* lbl = new QLabel(widget);
    QPushButton* btn = new QPushButton(widget);

    lbl->setText("页面2");
    lbl->setAlignment(Qt::AlignCenter);

    btn->setText("页面2");

    layout->addWidget(lbl);
    layout->addWidget(btn);

    widget->setLayout(layout);

    m_tabWidget.addTab(widget, "2nd");

    m_tabWidget.setCurrentIndex(1);

    connect(&m_tabWidget, SIGNAL(currentChanged(int)), this, SLOT(onTabCurrentChanged(int)));
    connect(&m_tabWidget, SIGNAL(tabCloseRequested(int)), this, SLOT(onTabCloseRequested(int)));
}

void Widget::onTabCurrentChanged(int index)
{
    qDebug() << "Page change to: " << index;
}

void Widget::onTabCloseRequested(int index)
{
    m_tabWidget.removeTab(index);
}

Widget::~Widget()
{

}

运行的结果如图所示
在这里插入图片描述
QTabWidget实现了双击关闭标签页

重载了QTabWidget（由于tabBar()是protected），这样就可以获取到标签了。

class Tab : public QTabWidget
{
    Q_OBJECT
public:
    Tab(QWidget *parent = 0);
    QTabBar* GetBar();
protected:
    void mousePressEvent(QMouseEvent *event);
};

然后在实现一个事件过滤器，首先判断事件是双击事件，然后判断是否为标签位置，如果是则删除当前标签页，由于双击事件中必触发单击，即标签页选中事件，因此无需考虑双击其他标签页引起的index变更问题。

#ifndef MYEVENTFILTER_H
#define MYEVENTFILTER_H
#include <QMainWindow>
#include <QMouseEvent>
#include "tab.h"

extern int tabindex_current;
extern int tabindex_old;
extern Tab *tabWidget;
extern QPoint tableft;
extern int tabwidth;
extern int tabheight;

//实现双击关闭Tab标签
class myEventFilter: public QObject
{
  public:
  myEventFilter():QObject()
  {};
  ~myEventFilter(){};

  bool eventFilter(QObject* object,QEvent* event)
  {
      if (event->type()==QEvent::MouseButtonDblClick)
      {
          QMouseEvent *e = static_cast<QMouseEvent*>(event);
          QPoint pos = e->pos();
          int x1 = tableft.x();
          int x2 = tableft.x()+tabwidth;
          int y1 = tableft.y();
          int y2 = tableft.y()+tabheight;
          if (pos.x() >= x1 && pos.y() >= y1 && pos.x() <= x2 && pos.y() <= y2)
              tabWidget->removeTab(tabindex_current);
      }
      return QObject::eventFilter(object,event);
  };
};

#endif // MYEVENTFILTER_H

//最后绑定到主函数main中，这样就可捕捉到所有的事件了：
qApp->installEventFilter(new myEventFilter());

//另外，需在标签页切换时更新宽度信息（高度无需更新）：
void MainWindow::updateBar()
{
    tabindex_current = tabWidget->currentIndex();
    tabindex_old = tabindex_current;
    QTabBar *bar = tabWidget->GetBar();
    if (bar->size().width() > 0)
         tabwidth = bar->size().width();
}

QTabWidget添加关闭子标签功能

QTabWidget添加关闭子标签功能，QTabWidget 有个属性 tabsClosable ，将其设置为True即可出现关闭按钮。 默认情况下，每个标签上的关闭按钮是没有任何响应的，我们需要自己动手为他添加关闭响应。 关闭信号为 void tabCloseRequested(int index) 关闭函数为 void removeTab(int index) 注意关闭标签的是一个普通公共函数，不是槽函数，不可以直接与信号相连，我们需要自己手动定义个接受 int类型的槽函数，然后把参数再传递给关闭函数。

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QTabWidget>
#include <QTextEdit>
MainWindow::MainWindow(QWidget *parent) :
                    QMainWindow(parent),
                   ui(new Ui::MainWindow)
{
     ui->setupUi(this);
     connect(ui->tabWidget,SIGNAL(tabCloseRequested(int)),this,SLOT(removeSubTab(int)));
}
  
MainWindow::~MainWindow()
{
     delete ui;
}
  
void MainWindow::removeSubTab(int index)
{
      ui->tabWidget->removeTab(index);
}
  
void MainWindow::on_pushButton_clicked()
{
      QTextEdit *edit=new QTextEdit;
      ui->tabWidget->addTab(edit,"hitemp 1");
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2038023.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

游标卡尺的使用

游标卡尺的使用

游标卡尺的使用注意事项 游标卡尺是比较精密的测量工具&#xff0c;使用时应轻拿轻放&#xff0c;不得碰撞或跌落地下。使用时不要用来测量粗糙的物体&#xff0c;以免损坏量爪。不用时应置于干燥地方防止锈蚀。测量工件时&#xff0c;卡脚测量面必须与工件的表面平行或垂直&a…
阅读更多...
1915_开源C语言实现的通用队列

1915_开源C语言实现的通用队列

经常在工作中遇到一些队列处理的场景&#xff0c;以前要么是借用FreeRTOS这样的系统中的相关功能&#xff0c;要么是通过数组做一个简单的队列模型。但是&#xff0c;这两种方案都具有一定的局限性能&#xff0c;前者要求的FreeRTOS不见得相应的软件中有&#xff0c;而后者只能…
阅读更多...
【C++】什么是模板？

【C++】什么是模板？

有不懂的地方可以翻阅我之前文章&#xff01; 个人主页&#xff1a;CSDN_小八哥向前冲 所属专栏&#xff1a;CSDN_C入门 目录 模板函数 泛型编程 函数模板 类模板 模板函数 泛型编程 在之前的学习里&#xff0c;我们知道函数可以重载&#xff0c;当我们在实现多参数函数交…
阅读更多...
【2.2】回溯算法-解含有重复数字的全排列 II

【2.2】回溯算法-解含有重复数字的全排列 II

一、题目 给定一个可包含 重复数字 的序列nums&#xff0c;按任意顺序返回所有不重复的全排列。 二、求解思路及代码实现 回溯算法思路&#xff1a; 这道题目与之前讨论的全排列问题类似&#xff0c;但有一个关键的区别&#xff1a;本题中数组包含重复的数字&#xff0c;而之前…
阅读更多...
Springboot集成Proguard生成混淆jar包

Springboot集成Proguard生成混淆jar包

背景 当我们需要将 JAR 包交付给第三方时&#xff0c;常常担心代码可能会被反编译。因此&#xff0c;对 JAR 包进行混淆处理显得尤为重要。 市面上有许多 JAR 包源码混淆工具&#xff0c;但真正能稳定投入使用的并不多。例如&#xff0c;ClassFinal (ClassFinal: Java字节码加…
阅读更多...
C++类和对象1

C++类和对象1

一.类的定义 1.1类的创建 类是C中用户自己建立的类型。类似于C语言中的结构体。定义类的关键字为class。格式为&#xff1a; class 类名 {成员函数成员变量…… }; class 类名称为类头&#xff0c;花括号中的称为类体。类的声明以花括号后的分号结束&#xff0c;分号不可省…
阅读更多...
Go-Zero微服务框架下开发接口流程

Go-Zero微服务框架下开发接口流程

目录 一&#xff1a;定义api入参和返回值 二&#xff1a;生成入参和返回值文件 三&#xff1a;定义rpc参数和返回值 四&#xff1a;生成返回值和参数 五&#xff1a;定义数据库 六&#xff1a;生成数据库文件 今天我们来讲解下如何在Go-Zero下开发一个api接口的具体流程&…
阅读更多...
UCOSIII内存管理机制详解

UCOSIII内存管理机制详解

目录 前言 1. 内存管理概述 2. 内存区域&#xff08;存储区&#xff09;和内存块 3. 存储区控制块&#xff08;OS_MEM&#xff09; 4. 内存管理函数 5. 内存碎片问题 6. 注意事项 7.代码实现 7.1创建内存区域 7.2申请内存 7.3释放内存 前言 UCOSIII&#xff08;即Mi…
阅读更多...
算法的学习笔记—正则表达式匹配的动态规划算法解析

算法的学习笔记—正则表达式匹配的动态规划算法解析

&#x1f600;前言 正则表达式是一种强大的工具&#xff0c;广泛应用于文本匹配和处理。在许多编程任务中&#xff0c;我们可能会遇到需要匹配字符串与某个特定模式的情况。本文将介绍如何使用动态规划算法实现一个支持 . 和 * 的正则表达式匹配功能&#xff0c;并以 Java 为例…
阅读更多...
中科院TOP“灌水神刊”合集！年发文量动辄数千篇，TOP的地位，4区的录用率！

中科院TOP“灌水神刊”合集！年发文量动辄数千篇，TOP的地位，4区的录用率！

【SciencePub学术】本期&#xff0c;给大家推荐几本环境领域的“灌水神刊”&#xff01;均隶属于中科院TOP刊之列&#xff0c;但是每年庞大的发文量致使投稿接收率极高&#xff01;话不多说&#xff0c;想“灌水”的建议收藏&#xff01; 01 年刊文量4000 Journal of Cleaner …
阅读更多...
【C++】---红黑树详解

【C++】---红黑树详解

【C】---红黑树详解 一、什么是红黑树&#xff1f;1、概念2、性质3、四个规则 二、红黑树的定义1、红黑树 结点 定义&#xff08;1&#xff09;将新插入的结点 设置为黑色&#xff08;2&#xff09;将新插入的结点 设置为红色 2、红黑树的定义 三、红黑树插入1、插入节点2、控制…
阅读更多...
Zabbix自动导出PDF报告

Zabbix自动导出PDF报告

zabbix6提供了定时导出PDF报告功能。此功能可按照Dashboard维度&#xff0c;定时自动导出报告&#xff0c;并通过邮件发送。 1.安装 zabbix 提供了官方的rhel8版本的rpm包&#xff0c;可使用yum方式安装&#xff0c;zabbix自动导出PDF功能是基于go环境的zabbix web service程…
阅读更多...
应用方案 | 低功耗接地故障控制器D4145

应用方案 | 低功耗接地故障控制器D4145

一、概述 D4145 是一个接地故障断路器。它能够检测到不良的接地条件&#xff0c;譬如装置接触到水时&#xff0c;它会在有害或致命的电击发生之前将电路断开。 D4145能检测并保护从火线到地线,从零线到地线的故障.这种简单而传统的电路设计能够确保其应用自如和长时间的可靠性。…
阅读更多...
Vue3+Echarts+Setup实现动态曲线堆叠图+图例分页

Vue3+Echarts+Setup实现动态曲线堆叠图+图例分页

提前安装引入echarts 效果图 dom实例 <div id"rightCharterwang" style"height: 28vh"></div> 配置项&#xff0c;将数据换成从接口请求回来的数据&#xff08;这里是写死的假数据&#xff09; const rightCharterwang () > {let named…
阅读更多...
vcruntime140_1.dll丢失是什样的错误？五种vcruntime140_1.dll修复方法详细步骤教程

vcruntime140_1.dll丢失是什样的错误？五种vcruntime140_1.dll修复方法详细步骤教程

对于经常使用Windows操作系统的用户来说&#xff0c;面对“vcruntime140_1.dll文件丢失”的错误提示可能既熟悉又令人苦恼。这个错误通常发生在尝试启动或安装一些依赖于此特定DLL文件的应用程序时&#xff0c;在本文中&#xff0c;我们将详细介绍 ​vcruntime140_1.dll​ 所承…
阅读更多...
使用Python和Pillow创建照片马赛克应用

使用Python和Pillow创建照片马赛克应用

在这篇博客中,我们将探讨如何使用Python创建一个简单而有趣的桌面应用程序。我们的目标是构建一个应用,允许用户选择一张照片,然后在照片的右下角添加马赛克效果。这个项目将展示如何结合使用wxPython来创建图形用户界面(GUI)和Pillow库来处理图像。 D:\spiderdocs\eraselogo.p…
阅读更多...
Linux 基本指令讲解 上

Linux 基本指令讲解 上

linux 基本指令 clear 清屏 Alt Enter 全屏/退出全屏 pwd 显示当前用户所处路径 cd 改变目录 cd /root/mikecd … 返回上级目录cd - 返回最近所处的路径cd ~ 直接返回当前用户自己的家目 roor 中&#xff1a;/root普通用户中&#xff1a;/home/mike mkdir 创建一个文件夹(d) …
阅读更多...
通义灵码：AI 研发趋势与效果提升实践丨SDCon 全球软件技术大会演讲全文整理

通义灵码：AI 研发趋势与效果提升实践丨SDCon 全球软件技术大会演讲全文整理

作者&#xff1a;张昕东 大家好&#xff0c;我是来自阿里云通义灵码团队的张昕东。很高兴和各位同仁做这次分享&#xff0c;分享的主题是人机协同趋势与效果提升实践。我们所做的模型提升和功能开发是为了促进人机在研发领域的协同&#xff0c;而当今的人机协同现状又决定了我…
阅读更多...
基于Spring Boot的农田智能管理系统

基于Spring Boot的农田智能管理系统

目录 前言 功能设计 系统实现 获取源码 博主主页&#xff1a;百成Java 往期系列&#xff1a;Spring Boot、SSM、JavaWeb、python、小程序 前言 农田智能管理系统是基于SpringBoot框架开发的一款针对农田管理的智能化平台。随着农业现代化的发展&#xff0c;农田管理需要更…
阅读更多...
docker拉取kafka镜像|启动kafka容器

docker拉取kafka镜像|启动kafka容器

1、kafka官网快速开始模块查看如何拉取kafka的docker镜像 https://kafka.apache.org/quickstart 2、移除本机已拉取kafka的docker镜像 docker rmi apache/kafka:3.7.03、拉取kafka的docker镜像 docker pull apache/kafka:3.7.04、启动kafka容器 docker run -p 9092:9092 ap…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023