如何自定义 QTabWidget 选项卡?

824*_*885 5 c++ qt qtabbar qt5 qtabwidget

问题是:

客户面板源自 QTabWidget,并有一些带有一些小部件的选项卡

其中操作员(人)可以编辑数据。当任何小部件中的数据发生更改时

我检查了它,并在 QLabel 中设置了粗体字体,该字体是此小部件的“伙伴”。我通过设置来做到这一点:

QFont fontBold; fontBold.setBold(true); 
widget->setFont(fontBold)
Run Code Online (Sandbox Code Playgroud)

到现在为止还挺好。

接下来,我希望有一些标签,其中有修改和未保存的数据也用粗体标记。即使当用户切换到其他选项卡,并且他留下未保存的数据时,该选项卡也应保持用粗体标记,直到他回来保存数据。

那就是问题所在。

如果我为小部件或 QTabBar 设置 setFont - 所有文本或所有选项卡都标记为粗体。

在我从 QTabWidget 派生的类中,我有:

QTabBar *tabBar() const { return QTabWidget::tabBar(); }
Run Code Online (Sandbox Code Playgroud)

所以我可以访问 tabBar 并例如使用 setTabTextColor - 用不同的颜色标记这个选项卡 - 这是某种解决方案,但其他“好友”标签用粗体标记,所以 tabText 应该加粗。

如果我使用 setStyleSheet 我可以制作粗体,但也有一个问题:

this->tabBar()->setStyleSheet("QTabBar::tab { font:bold }");
Run Code Online (Sandbox Code Playgroud)

如果我使用活动、选定等伪状态,这会将所有选项卡设置为粗体文本 - 当用户切换到其他选项卡时它会更改,并且我需要将此选项卡保持为粗体,直到保存数据。

我可以使用 setProperty 然后为具有特定属性的小部件制作 styleSheet,但真正的问题是,我不能,或者不知道如何访问 QTabBar 中的一个选项卡(例如通过知道它的索引号)

我已经看到,在 QT3 中有 QTab* QTabBar::tab(int) 可以访问特定选项卡,但这不再可用。我阅读了http://qt.nokia.com/doc/4.5/stylesheet-examples.htmlhttp://qt.nokia.com/doc/4.5/stylesheet-reference.html,但没有找到解决方案。

如何访问 QTabBar 中的特定选项卡(通过其索引号)或如何使用 styleSheet 为特定选项卡设置 font:bold 以在用户切换到其他选项卡时保留粗体?

提前致谢。

eyl*_*esc 6

要执行此任务,我们必须覆盖该paintEvent()方法以创建一个继承QTabBar.

class TabBar: public QTabBar{
    QVector<int> mUnSaved;
public:
    void setUnsaved(int index){
        if(index >= count() || index < 0)
            return;
        mUnSaved << index;
        update();
    }
    void setSaved(int index){
        if(!mUnSaved.contains(index))
            return;
        mUnSaved.remove(mUnSaved.indexOf(index));
        update();
    }
protected:
    void paintEvent(QPaintEvent */*event*/){

        QStylePainter painter(this);
        QStyleOptionTab opt;

        for(int i = 0;i < count();i++)
        {
            initStyleOption(&opt,i);
            painter.save();
            if(mUnSaved.contains(i)){
                painter.setFont(QFont("Times", 10, QFont::Bold));
            }
            painter.drawControl(QStyle::CE_TabBarTabShape, opt);
            painter.drawControl(QStyle::CE_TabBarTabLabel,opt);
            painter.restore();
        }
    }
};
Run Code Online (Sandbox Code Playgroud)

然后我们在下面的例子中使用它

class TabWidget : public QTabWidget
{
    TabBar *mTabBar;
public:
    TabWidget(QWidget *parent=0):QTabWidget(parent){
        mTabBar = new TabBar;
        setTabBar(mTabBar);
        for(int i=0; i < 5; i++){
            QString text = QString("Tab %1").arg(i);
            addTab(new QLabel(text, this), text);
        }
        mTabBar->setUnsaved(1);
        mTabBar->setUnsaved(3);
        mTabBar->setUnsaved(4);
        mTabBar->setSaved(3);
        mTabBar->setSaved(10);
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    a.setStyle("fusion");
    TabWidget w;
    w.show();
    return a.exec();
}
Run Code Online (Sandbox Code Playgroud)

输出:

在此处输入图片说明

完整的示例可以在以下链接中找到