如何自定义QTabWidget选项卡?

时间:2017-11-03 11:37:11

标签: c++ qt qt5 qtabwidget qtabbar

问题是:

客户面板源自QTabWidget,并且有一些标签包含一些小部件

哪个操作员(人)可以编辑数据。在任何小部件中更改数据时

我检查一下,我在QLabel中设置了粗体字,即#34; buddy"这个小部件。我通过设置:

来做到这一点
QFont fontBold; fontBold.setBold(true); 
widget->setFont(fontBold)

到目前为止一切顺利。

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

这就是问题所在。

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

在我从QTabWidget派生的课程中,我有:

QTabBar *tabBar() const { return QTabWidget::tabBar(); }

所以我可以访问tabBar,例如使用setTabTextColor - 用不同的颜色标记这个标签 - 这是某种解决方案,但其他" buddy"标签用粗体字标记,所以tabText应该是粗体。

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

this->tabBar()->setStyleSheet("QTabBar::tab { font:bold }");

如果我使用像活动状态这样的伪状态,这会将所有选项卡设置为粗体文本 选择等等 - 当用户切换到其他选项卡时它会发生变化,我需要将此选项卡保持为粗体,直到保存数据。

我可以使用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中的特定选项卡(通过其索引号)或如何设置font:bold with styleSheet用于特定选项卡,当用户切换到其他选项卡时保留粗体字体?

提前致谢。

1 个答案:

答案 0 :(得分:3)

要执行此任务,我们必须覆盖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();
        }
    }
};

然后我们在以下示例中使用它

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

输出:

enter image description here

完整示例可在以下link

中找到