Qt: стиль QTabWidget

Как расширение вкладок, так и окрашивание фона можно выполнить с помощью таблиц стилей.

Для расширяемых вкладок к вкладкам может быть применена таблица стилей, которая устанавливает их ширину равной части общей ширины QTabWidget. Так как таблицу стилей нужно будет обновлять при изменении размера, она применяется с использованием фильтра событий. См. первый пример кода ниже.

Хотя фон панели вкладок можно задать, панель вкладок не заполняет все пространство над панелью вкладок. Это контейнер (или родительский виджет), который просвечивает. Чтобы управлять цветом этой области, поместите QTabWidget в QWidget и установите таблицу стилей в контейнере. См. второй пример кода ниже.

Раскрывающиеся вкладки:

#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();
}

Фон рядом с вкладками:

#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();
}

Как я вижу, у вас есть два варианта, в зависимости от того, что вы хотите сделать.

Чтобы заполнить фон цветом:

Воспользуйтесь прозрачностью этой части виджета вкладки.

QWidget *bg = new QWidget( parent );
bg->setAutoFillBackground( true );
QPalette bg_palette = bg->palette();
bg_palette.setColor( QPalette::Window, QColor( "orange" ) );
bg->setPalette( bg_palette );

QHBoxLayout layout = new QHBoxLayout();
layout->setMargin( 0, 0, 0, 0 );
layout->setSpacing( 0 );
bg->setLayout( layout );

QTabWidget *tab_widget = new QTabWidget();
// set up tab_widget however you want...
layout->addWidget( tab_widget );

Это делает виджет bg полностью оранжевым, но поскольку большая часть виджета вкладки будет отображаться поверх виджета bg, вы увидите оранжевый цвет только там, где виджет вкладки не рисуется.

Чтобы вкладки расширялись:

Я думал, что это будет проще, чем есть на самом деле, но вам в основном нужно создать подкласс QTabWidget, чтобы получить доступ к виджету панели вкладок, который он использует.

class ExpandableTabWidget : public QTabWidget
{
    Q_OBJECT;
    Q_PROPERTY( bool expanding_tabs READ Expanding WRITE SetExpanding );

public:
    ExpandableTabWidget( QWidget *parent = NULL ) : QTabWidget( parent )
    {
    }

    bool Expanding() const
    {
        return tabBar()->expanding();
    }

    void SetTabsExpanding( bool expanding = true )
    {
        tabBar()->setExpanding( expanding );
    }
};

Затем вам нужно будет либо превратить свой класс ExpandableTabWidget в плагин и использовать его в дизайнере, либо вы можете сделать свой виджет вкладки типом ExpandableTabWidget и установить расширяющееся значение в коде. Если вы решите выполнить продвижение, вы не увидите желаемых результатов в дизайнере, но вы увидите их при запуске своей программы.

В qt 4.5 есть новое свойство, управляющее отрисовкой виджета вкладки, называемое documentMode. Просто вызовите tabWidget->setDocumentMode(true) и установите цвет фона QTabBar с помощью таблиц стилей.

Из документации Qt:

Это свойство определяет, отображается ли виджет вкладки в режиме, подходящем для страниц документа. Это то же самое, что и режим документа в Mac OS X.

Когда это свойство установлено, рамка виджета вкладки не отображается. Этот режим удобен для отображения страниц типа документа, где страница занимает большую часть области виджета вкладки.

У меня была такая же проблема некоторое время назад. Я добился этого, сделав «большую» верхнюю границу и переместив панель вкладок с отступом.