在Qt中使用setTabButton会导致切换标签页时焦点不对

Question

void myTabWidget::addTabBarButton(int index)
{
    QTabBar* tabBar = this->tabBar();

    // 清除前一个标签页的控件
    if (currentLeftWidget) {
        tabBar->setTabButton(tmpBar, QTabBar::LeftSide, nullptr);
        delete currentLeftWidget;
        currentLeftWidget = nullptr;
    }
    if (currentRightWidget) {
        tabBar->setTabButton(tmpBar, QTabBar::RightSide, nullptr);
        delete currentRightWidget;
        currentRightWidget = nullptr;
    }

    // 更新临时变量
    tmpBar = index;
    tmpBarName = tabText(tmpBar);

    // 在当前标签页的左边添加两个图标
    QWidget* leftWidget1 = new QWidget;
    QHBoxLayout* leftLayout1 = new QHBoxLayout(leftWidget1);
    leftLayout1->setContentsMargins(0, 0, 0, 0); // 去除额外的边距
    leftLayout1->setSpacing(0); // 去除组件之间的间距
    QLabel* icon1 = new QLabel();
    icon1->setPixmap(QPixmap("norun.png").scaled(25, 25, Qt::IgnoreAspectRatio, Qt::SmoothTransformation));
    leftLayout1->addWidget(icon1);

    // 在当前标签页的右边添加两个按钮
    QWidget* rightWidget1 = new QWidget;
    QHBoxLayout* rightLayout1 = new QHBoxLayout(rightWidget1);
    rightLayout1->setContentsMargins(0, 0, 0, 0);
    rightLayout1->setSpacing(0);
    QPushButton* button1 = new QPushButton(QIcon("run.png"),"");
    QPushButton* button2 = new QPushButton(QIcon("cirrun.png"), "");

    button1->setStyleSheet(
        "QPushButton {border: none;}"
        //"QPushButton:pressed {background: rgba(0, 0, 0, 70);}"
    );
    button2->setStyleSheet(
        "QPushButton {border: none;}"
        //"QPushButton:pressed {background: rgba(0, 0, 0, 70);}"
    );

    button1->setIconSize(QSize(15, 15));
    button1->setFixedSize(20, 20);
    button2->setIconSize(QSize(15, 15));
    button2->setFixedSize(20, 20); 

    rightLayout1->addWidget(button1);
    rightLayout1->addWidget(button2);



    connect(button1, &QPushButton::clicked, this, [=](){runTest(icon1); });
    connect(button2, &QPushButton::clicked, this, [=](){cirRunTest(icon1);});


    leftWidget1->setFocusPolicy(Qt::NoFocus);
    rightWidget1->setFocusPolicy(Qt::NoFocus);
    button1->setFocusPolicy(Qt::NoFocus);
    button2->setFocusPolicy(Qt::NoFocus);
    icon1->setFocusPolicy(Qt::NoFocus);



    //// 设置当前标签页的左右控件
    tabBar->setTabButton(index, QTabBar::LeftSide, leftWidget1);
    tabBar->setTabButton(index, QTabBar::RightSide, rightWidget1);


    ////// 保存当前的控件
    currentLeftWidget = leftWidget1;
    currentRightWidget = rightWidget1;

}

这个函数是切换标签页时给标签两侧添加按钮或者label，但是使用了之后就发现，切换标签页时标签总是自动跑到右边显示，而不是在原来的位置显示，找了下是使用setTabButton的原因，有什么办法可以解决吗

Answer 1

本答案参考 多次询问 ChatGPT-3.5 后选择的最佳回答，若是满意，还请采纳，谢谢

1. 问题分析
   • 在Qt中，当使用setTabButton函数在QTabBar上设置自定义的按钮或部件时，出现了标签页切换时焦点显示不正常（标签总是自动跑到右边显示）的问题。这可能是由于在设置自定义部件时，某些默认的布局或焦点管理机制被破坏了。
   • 从代码来看，虽然已经将添加的部件（如leftWidget1、rightWidget1、button1、button2和icon1）的焦点策略都设置为Qt::NoFocus，但问题仍然存在，这可能意味着焦点问题不是由这些部件直接获取焦点导致的，而是与setTabButton对QTabBar内部布局或状态的影响有关。
2. 可能的解决方案
   • 重新设置布局属性
     • 对于QTabBar，可以尝试在设置setTabButton之后，手动调整QTabBar的布局属性。例如，在设置完左右侧的按钮后，可以尝试调用tabBar的updateGeometry函数，以确保QTabBar重新计算其布局。

       tabBar->setTabButton(index, QTabBar::LeftSide, leftWidget1);
       tabBar->setTabButton(index, QTabBar::RightSide, rightWidget1);
       tabBar->updateGeometry();
       

   • 检查并调整样式表影响
     • 样式表可能会对布局和焦点产生影响。虽然代码中已经对按钮的样式表做了部分设置，但可能存在一些默认的样式属性影响了布局。可以尝试更详细地设置按钮和相关部件的样式表，特别是与布局和对齐相关的属性。例如，对于QPushButton，可以添加更多的样式规则来确保它们在布局中的正确显示。

       button1->setStyleSheet(
         "QPushButton {border: none; margin: 0px; padding: 0px;}"
         "QPushButton:pressed {background: rgba(0, 0, 0, 70);}"
       );
       button2->setStyleSheet(
         "QPushButton {border: none; margin: 0px; padding: 0px;}"
         "QPushButton:pressed {background: rgba(0, 0, 0, 70);}"
       );
       

   • 检查QTabBar的默认行为和信号处理
     • QTabBar有一些默认的信号和行为。可能是在设置自定义按钮时，某些默认的信号处理被干扰了。可以尝试重新连接QTabBar的信号，例如currentChanged信号，以确保在标签页切换时正确地处理布局和焦点。

       connect(tabBar, &QTabBar::currentChanged, this, [this](int index) {
         // 在这里可以添加一些代码来重新调整标签页的布局或焦点相关的操作
         // 例如，可以重新检查和设置每个标签页的自定义按钮的显示状态
       });
       

   • 检查父部件的布局和大小策略
     • 如果myTabWidget（假设这是包含QTabBar的部件）有父部件，父部件的布局和大小策略可能会影响QTabBar和自定义按钮的显示。确保父部件的布局（如QVBoxLayout或QHBoxLayout）正确设置了对齐方式、间距和大小策略等属性。例如，如果使用QVBoxLayout作为父部件的布局，可以设置如下：

       QVBoxLayout* parentLayout = new QVBoxLayout(parentWidget);
       parentLayout->setContentsMargins(0, 0, 0, 0);
       parentLayout->setSpacing(0);
       parentLayout->addWidget(this);
       

   • 使用QProxyStyle自定义样式
     • 创建一个QProxyStyle的子类，重写与QTabBar布局和焦点相关的函数，然后将这个自定义的样式应用到QTabBar上。例如：

       class MyTabBarProxyStyle : public QProxyStyle {
       public:
         MyTabBarProxyStyle(QStyle* style = nullptr) : QProxyStyle(style) {}
         void drawControl(ControlElement element, const QStyleOption* option, QPainter* painter, const QWidget* widget = nullptr) const override {
             // 在这里可以根据需要修改绘制行为，例如针对QTabBar的绘制
             if (element == CE_TabBarTab) {
                 // 自定义绘制逻辑，确保标签的正确显示
             }
             QProxyStyle::drawControl(element, option, painter, widget);
         }
       };
       // 在myTabWidget的构造函数或初始化代码中应用自定义样式
       tabBar->setStyle(new MyTabBarProxyStyle);