选项卡上的不同关闭按钮

Question

我正在使用 QTabWidget，我想知道是否可以使用不同的图标来关闭选项卡上的按钮？我认为 style 和 setCornerWidget 可能不适用于这种情况。

谢谢！

Answer 1

将 setStyleSheet() 与

 QTabBar::close-button {
     image: url(close.png)
 }
 QTabBar::close-button:hover {
     image: url(close-hover.png)
 }

http://doc.qt.io/qt-4.8/stylesheet-examples.html #customizing-qtabwidget-and-qtabbar

Answer 2

我认为 QTabWidget 不可能做到这一点。您可以使用 QTabBar，其中可以使用 QTabBar::setTabButton 将您自己设计的小部件设置到选项卡位置。

Answer 3

#include <QProxyStyle>

class AppStyle : public QProxyStyle
{
    Q_OBJECT
public:
    AppStyle(QStyle *style = 0) : QProxyStyle(style) {}
    
    void drawPrimitive(QStyle::PrimitiveElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == PE_IndicatorTabClose)
        {
            int size = proxy()->pixelMetric(QStyle::PM_SmallIconSize);
            QIcon::Mode mode = option->state & State_Enabled ?
            (option->state & State_Raised ? QIcon::Active : QIcon::Normal)
            : QIcon::Disabled;
            if (!(option->state & State_Raised)
                && !(option->state & State_Sunken)
                && !(option->state & QStyle::State_Selected))
                mode = QIcon::Disabled;
            
            QIcon::State state = option->state & State_Sunken ? QIcon::On : QIcon::Off;
            QPixmap pixmap = QIcon(":myclose.png").pixmap(size, mode, state);
            proxy()->drawItemPixmap(painter, option->rect, Qt::AlignCenter, pixmap);
        }
        else
        {
            QProxyStyle::drawPrimitive(element,option,painter,widget);
        }
    }
};

在main.cpp中：

QApplication app(argc, argv);
app.setStyle(new AppStyle(app.style()));

Answer 4

选项卡上的默认关闭按钮是您正在使用的 QStyle 的一部分。

从 Qt 源代码来看：

    case PE_IndicatorTabClose: {
        if (d->tabBarcloseButtonIcon.isNull()) {
            d->tabBarcloseButtonIcon.addPixmap(QPixmap(
                        QLatin1String(":/trolltech/styles/commonstyle/images/standardbutton-closetab-16.png")),
                        QIcon::Normal, QIcon::Off);
            d->tabBarcloseButtonIcon.addPixmap(QPixmap(
                        QLatin1String(":/trolltech/styles/commonstyle/images/standardbutton-closetab-down-16.png")),
                        QIcon::Normal, QIcon::On);
            d->tabBarcloseButtonIcon.addPixmap(QPixmap(
                        QLatin1String(":/trolltech/styles/commonstyle/images/standardbutton-closetab-hover-16.png")),
                        QIcon::Active, QIcon::Off);
        }

从外观上看，您必须继承 QStyle 并覆盖 PE_IndicatorTabClos​​e 并返回不同的 QIcon 路径。

Answer 5

例如，如果您想将图标更改为透明背景的图标，并更改悬停时的背景图标：

QTabBar::close-button
{
    image: url(:icons/close.svg)
}

QTabBar::close-button:hover
{
    background: #A0A0A0
}