QTabWidget customization

[Lykurg]

You only have to change a row and add one:

#include <QtGui>
 
class CustomTabStyle : public QProxyStyle
{
public:
    QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
    {
        QSize s = QProxyStyle::sizeFromContents(type, option, size, widget);
        if (type == QStyle::CT_TabBarTab)
            s.transpose();
        return s;
    }
 
    void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == CE_TabBarTabLabel)
        {
            if (const QStyleOptionTab *tab = qstyleoption_cast<const QStyleOptionTab *>(option))
            {
                QStyleOptionTab opt(*tab);
                opt.shape = QTabBar::RoundedNorth;
                QProxyStyle::drawControl(element, &opt, painter, widget);
                return;
            }
        }
        QProxyStyle::drawControl(element, option, painter, widget);
    }
};
 
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
 
    QTabBar tb;
    tb.setStyle(new CustomTabStyle);
    tb.setShape(QTabBar::RoundedWest);
    tb.addTab("Tab 1");
    tb.addTab("Tab 2");
    tb.show();
 
    return a.exec();
}

#include <QtGui>

class CustomTabStyle : public QProxyStyle
{
public:
    QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
    {
        QSize s = QProxyStyle::sizeFromContents(type, option, size, widget);
        if (type == QStyle::CT_TabBarTab)
            s.transpose();
        return s;
    }

    void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == CE_TabBarTabLabel)
        {
            if (const QStyleOptionTab *tab = qstyleoption_cast<const QStyleOptionTab *>(option))
            {
                QStyleOptionTab opt(*tab);
                opt.shape = QTabBar::RoundedNorth;
                QProxyStyle::drawControl(element, &opt, painter, widget);
                return;
            }
        }
        QProxyStyle::drawControl(element, option, painter, widget);
    }
};

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

    QTabBar tb;
    tb.setStyle(new CustomTabStyle);
    tb.setShape(QTabBar::RoundedWest);
    tb.addTab("Tab 1");
    tb.addTab("Tab 2");
    tb.show();
    
    return a.exec();
}

To copy to clipboard, switch view to plain text mode 

[gurunbr]

Hi Lykurg,

Is this possible I use your solution to rotate tab bar text from vertical to horizontal. if possible means how?. I attached my output as image. see this,Screenshot from 2013-09-26 12:51:53.jpg

[ataraxic]

Here is a working example of the QTabWidget based on Lykurg CustomTabStyle class.
Works like charm with QT5.0 && QT5.1

tabdialog.pro:

QT += widgets
 
SOURCES       = main.cpp

QT += widgets

SOURCES       = main.cpp

To copy to clipboard, switch view to plain text mode 

main.cpp:

#include <QtGui>
#include <QWidget>
#include <QDialog>
#include <QApplication>
#include <QtWidgets>
 
class CustomTabStyle : public QProxyStyle
{
public:
    QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
    {
        QSize s = QProxyStyle::sizeFromContents(type, option, size, widget);
        if (type == QStyle::CT_TabBarTab)
            s.transpose();
        return s;
    }
 
    void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == CE_TabBarTabLabel)
        {
            if (const QStyleOptionTab *tab = qstyleoption_cast<const QStyleOptionTab *>(option))
            {
                QStyleOptionTab opt(*tab);
                opt.shape = QTabBar::RoundedNorth;
                QProxyStyle::drawControl(element, &opt, painter, widget);
                return;
            }
        }
        QProxyStyle::drawControl(element, option, painter, widget);
    }
};
 
int main(int argc, char *argv[], char *envp[])
{
	QApplication app(argc, argv);
 
	QTabWidget *tabWidget = new QTabWidget;
 
	tabWidget->setTabPosition(QTabWidget::West);
	tabWidget->tabBar()->setStyle(new CustomTabStyle);
 
	tabWidget->addTab(new QWidget, "General");
	tabWidget->addTab(new QWidget, "Permissions");
	tabWidget->addTab(new QWidget, "Applications");
 
	QVBoxLayout *mainLayout = new QVBoxLayout;
	mainLayout->addWidget(tabWidget);
 
	tabWidget->show();
 
	return app.exec();
}

#include <QtGui>
#include <QWidget>
#include <QDialog>
#include <QApplication>
#include <QtWidgets>

class CustomTabStyle : public QProxyStyle
{
public:
    QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
    {
        QSize s = QProxyStyle::sizeFromContents(type, option, size, widget);
        if (type == QStyle::CT_TabBarTab)
            s.transpose();
        return s;
    }

    void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == CE_TabBarTabLabel)
        {
            if (const QStyleOptionTab *tab = qstyleoption_cast<const QStyleOptionTab *>(option))
            {
                QStyleOptionTab opt(*tab);
                opt.shape = QTabBar::RoundedNorth;
                QProxyStyle::drawControl(element, &opt, painter, widget);
                return;
            }
        }
        QProxyStyle::drawControl(element, option, painter, widget);
    }
};

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

	QTabWidget *tabWidget = new QTabWidget;

	tabWidget->setTabPosition(QTabWidget::West);
	tabWidget->tabBar()->setStyle(new CustomTabStyle);

	tabWidget->addTab(new QWidget, "General");
	tabWidget->addTab(new QWidget, "Permissions");
	tabWidget->addTab(new QWidget, "Applications");

	QVBoxLayout *mainLayout = new QVBoxLayout;
	mainLayout->addWidget(tabWidget);

	tabWidget->show();

	return app.exec();
}

To copy to clipboard, switch view to plain text mode 

to compile (! M$):

qmake -o Makefile tabdialog.pro
make

qmake -o Makefile tabdialog.pro
make

To copy to clipboard, switch view to plain text mode 

output:
horiz-tab-dialog.png

[rawfool]

Thanks for this. But I'm having some problems related to size of icon; resizing of tab width, height; setting the color of tab
In tried like this, but I think that's not the proper way to change the size

QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
{
    QSize s = QProxyStyle::sizeFromContents(type, option, QSize(40, 120), widget);  // instead of size, I'm hardcoding the value with QSize(40, 120)
    if (type == QStyle::CT_TabBarTab)
        s.transpose();
    return s;
}

QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
{
    QSize s = QProxyStyle::sizeFromContents(type, option, QSize(40, 120), widget);  // instead of size, I'm hardcoding the value with QSize(40, 120)
    if (type == QStyle::CT_TabBarTab)
        s.transpose();
    return s;
}

To copy to clipboard, switch view to plain text mode 

1. I'm setting 64x64 pix icon, but still it's being displayed as a small icon. How do I set it to show original size of icon ?
2. How to give custom width & height to the tab ?
3. How to set the color of tab

Kindly help. Thank you.

[ckvsoft]

Hallo

I know, this is an old Thread but i found it now ;-)

On MAC (Sierra QT5.6) i can't see the Text.
Any ideas?
thx Chris