Qt: Style QTabWidget

À la fois l'expansion des onglets et de la coloration de l'arrière-plan peut être accompli en utilisant des feuilles de style.

Pour l'expansion des onglets, une feuille de style peut être appliqué pour les onglets qui définit leur largeur à une fraction de la largeur totale de la QTabWidget. Depuis la feuille de style qui sera mis à jour lors de la redimensionner, il est appliqué à l'aide d'un filtre d'événement. Voir le premier exemple de code ci-dessous.

Bien que l'arrière-plan de la barre d'onglet peut être définie, la barre d'onglet de ne pas remplir tout l'espace au-dessus de l'onglet du volet. C'est le récipient (ou le parent du widget) qui est visible à travers. Pour contrôler la coloration de la zone, mettre le QTabWidget dans un QWidget et définir la feuille de style sur le conteneur. Voir le deuxième exemple de code ci-dessous.

Expansion onglets:

#include <QtGui>

//Sets the style sheet of the QTabWidget to expand the tabs.
static void expandingTabsStyleSheet(QTabWidget *tw)
{
    tw->setStyleSheet(QString("QTabBar::tab { width: %1px; } ")
                      .arg(tw->size().width()/tw->count()));
}

//On resize events, reapply the expanding tabs style sheet
class ResizeFilter : public QObject
{
    QTabWidget *target;
public:
    ResizeFilter(QTabWidget *target) : QObject(target), target(target) {}

    bool eventFilter(QObject *object, QEvent *event)
    {
        if (event->type() == QEvent::Resize)
            expandingTabsStyleSheet(target);
        return false;
    }
};


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

  QTabWidget *tw = new QTabWidget;
  tw->installEventFilter(new ResizeFilter(tw));
  tw->addTab(new QWidget, "Tab1");
  tw->addTab(new QWidget, "Tab2");
  tw->addTab(new QWidget, "Tab3");

  tw->show();

  return app.exec();
}

Fond à côté des onglets:

#include <QtGui>

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

  QWidget *container = new QWidget;
  container->setStyleSheet("background: qlineargradient( x1: 0, y1: 0, x2: 1, y2
: 0, stop: 0 black, stop: 1 blue);");

  QHBoxLayout *layout = new QHBoxLayout(container);
  layout->setContentsMargins(0, 0, 0, 0);

  QTabWidget *tw = new QTabWidget(container);
  layout->addWidget(tw);
  tw->setStyleSheet(
      "QTabBar::tab { background: gray; color: white; padding: 10px; } "
      "QTabBar::tab:selected { background: lightgray; } "
      "QTabWidget::pane { border: 0; } "
      "QWidget { background: lightgray; } ");
  tw->addTab(new QWidget, "Tab1");
  tw->addTab(new QWidget, "Tab2");
  tw->addTab(new QWidget, "Tab3");

  container->show();

  return app.exec();
}

OriginalL'auteur

Sur l'intervalle qt 4.5, il est une nouvelle propriété qui contrôle l'onglet widget de rendu, appelé documentMode. Appelez simplement tabWidget->setDocumentMode(true) et définir la couleur d'arrière-plan de la QTabBar en utilisant les feuilles de style.

De Documentation De Qt:

Cette propriété détient de savoir si ou de ne pas l'onglet widget est rendu dans un mode approprié pour les pages du document. C'est le même que le mode de document sur Mac OS X.

Lorsque cette propriété est définie sur l'onglet widget n'est pas rendu. Ce mode est utile pour l'affichage d'un type de document des pages où la page couvre la plupart de l'onglet zone de widget.

OriginalL'auteur