Qt-TabWidget控件使用方法

相关资料：

https://blog.csdn.net/qq_31073871/article/details/79943093       QSS使用方法

https://blog.csdn.net/wzs250969969/article/details/78499428     样式一

https://download.csdn.net/download/zhujianqiangqq/13102879    代码包下载

.pro

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += 
    main.cpp 
    mainwindow.cpp

HEADERS += 
    mainwindow.h

FORMS += 
    mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

RESOURCES += 
    TabWidget.qrc

main.cpp

#include "mainwindow.h"

#include <QApplication>
#include <QFile>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QFile qss(":/new/QSS/tabWidget.qss");
    if( qss.open(QFile::ReadOnly))
    {
        qDebug("open success");
        QString style = QLatin1String(qss.readAll());
        a.setStyleSheet(style);
        qss.close();
    }
    else
    {
        qDebug("Open failed");
    }

    MainWindow w;
    w.show();
    return a.exec();
}

mainWindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QTabWidget>
#include <QLineEdit>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;

    QTabWidget *m_pTabWidget;
};
#endif // MAINWINDOW_H

mainWidow.cpp

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

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

    m_pTabWidget = new QTabWidget(this);
    m_pTabWidget->setStyleSheet("QTabWidget:pane {border:1px solid #e8f3f9; clolr:white; background:transparent;}");
    m_pTabWidget->setTabShape(QTabWidget::Triangular);//设置选项卡的形状 Rounded
    m_pTabWidget->setGeometry(20, 10, 400, 200);
    m_pTabWidget->setTabPosition(QTabWidget::East);

    QWidget *tabCalibration = new QWidget(this);
    QWidget *tabImage = new QWidget(this);
    QWidget *tabEdit = new QWidget(this);

    m_pTabWidget->addTab(tabCalibration, QIcon(""), QStringLiteral("校准"));
    QLineEdit *oEdit = new QLineEdit(tabCalibration);
    oEdit->setGeometry(10, 10, 100, 30);

    m_pTabWidget->addTab(tabImage, QIcon(""), tr("image"));
    QLineEdit *oEdit2 = new QLineEdit(tabImage);
    oEdit2->setGeometry(10, 40, 100, 30);

    m_pTabWidget->addTab(tabEdit, QIcon(""), tr("edit"));
    QLineEdit *oEdit3 = new QLineEdit(tabEdit);
    oEdit3->setGeometry(10, 60, 100, 30);
}

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

tabWidget.qss

QTabWidget::pane { 
    border: 1px solid #FF0000;
    top: -0.1em;                //pane鐨刦rame鍚戜笂绉诲姩锛宐order-top涔熷悜涓婄Щ鍔�
}
QTabBar::tab {
        min- 18ex;
        padding: 8px;
}
QTabBar::tab:selected {
    background: #F0F0F0;            //閫変腑鐨則ab鑳屾櫙棰滆壊瑕嗙洊pane鐨刦rame涓婇潰鐨刡order-top
    border: 1px solid #FF0000;
    border-bottom: none;
    border-top-left-radius: 4px;
        border-top-right-radius: 4px;
}
QTabBar::tab:!selected {
    border-bottom: 1px solid #FF0000;
}