带有文本的 QToolButton:覆盖最小高度以模仿常规按钮高度

Posted

技术标签:

【中文标题】带有文本的 QToolButton:覆盖最小高度以模仿常规按钮高度【英文标题】:QToolButton with text: Overwrite minimal height to minic regular button height 【发布时间】:2015-02-14 13:08:15 【问题描述】:

我在工具栏外显示带有图标加文本 (Qt::ToolButtonTextBesideIcon) 的 QToolButtons。每个按钮都有一个与之关联的 QAction,它决定了使用的图标和显示的文本。所有这些按钮都放在QGridLayout 中。到现在为止还挺好。

不幸的是,一旦您将 QAction 添加到 QToolButton,Qt 就会自动决定将其缩小到最小尺寸,这不是我想要的 QGridLayout。我使用以下几行来纠正水平维度中的这种行为:

QToolButton* pButton = new QToolButton(0);
pButton->addDefaultAction(pAction);
pButton->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
pButton->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Preferred);

但是,这仍然使我的按钮高度小于常规(按钮)按钮。我已经尝试了各种其他尺寸政策,但均未成功。

如何最好地解决这个问题?是否有可靠的方法来确定“正常”按钮高度?

我的一个想法是创建一个普通的虚拟按钮,将其放置在相同的布局中,然后读取其大小。然后可以将此大小应用于我的 QToolButton 并且虚拟按钮将再次被销毁。有没有更优雅/可靠的方式?

【问题讨论】:

【参考方案1】:

我不明白你想要达到什么目的。

QPushButtonQToolButton 的区别在于,QToolButton 实现了 PopupMenu(QPushButton 也可以轻松实现) 据我了解,视觉差异只是 QToolButton 右下角的小箭头,当您使用添加 QActionsQToolButton

这个箭头对我来说只是QToolButtonQPushButton 之间的区别。但也许我错过了什么。

根据您的示例 (QToolButton with icon + text: How to center both?) 您似乎不想使用该弹出功能。这就是为什么我不明白,为什么要使用 QToolButton 而不是 QPushButtons。

在这个例子中显示: 1)QToolButtonQPushButton的高度相同 2) QPushButton的PopuMenu

对于我来说,我不明白为什么要使用QToolButton,并尝试使它看起来像QPushButton,而使用QPushButton 就像QToolButton 一样简单

#include <QtGui>
#include <QtWidgets>

int main(int argc, char *argv[])

    QApplication a(argc, argv);

    // Prepare layout
    QMainWindow *window = new QMainWindow;
    QWidget *centralWidget = new QWidget(window);
    QGridLayout *grid = new QGridLayout(centralWidget);

    QTextEdit *textEdit = new QTextEdit();

    window->setCentralWidget(centralWidget);

    QAction *toolAction = new QAction(window->style()->standardIcon(QStyle::SP_MediaPlay), "ToolButton", window);
    QObject::connect(toolAction, &QAction::triggered, [=]() 
       qDebug() << "action";
    );


    QPushButton *pushButton = new QPushButton(toolAction->icon(), "PushButton1", window);
    pushButton->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
    QPushButton *pushButton2 = new QPushButton(toolAction->icon(), "PushButton2", window);
    pushButton2->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
    QPushButton *pushButton3 = new QPushButton(toolAction->icon(), "PushButton2", window);
    pushButton3->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
    QObject::connect(pushButton3, &QPushButton::released, [window, pushButton3, toolAction]()
       QMenu menu;
       menu.addAction(toolAction);
       QPoint pos = window->mapToGlobal(pushButton3->pos());
       pos += QPoint(0, pushButton3->height());
       menu.exec(pos);
    );

    QObject::connect(pushButton, SIGNAL(pressed()), toolAction, SLOT(trigger()));
    QObject::connect(pushButton2, SIGNAL(pressed()), toolAction, SLOT(trigger()));

    QToolButton *toolButton = new QToolButton(window);
    toolButton->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
    toolButton->setText("Popup action");
    toolButton->addAction(toolAction);
    toolButton->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);

    QToolButton *toolButton2 = new QToolButton(window);
    toolButton2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
    toolButton2->setDefaultAction(toolAction);
    toolButton2->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);

    toolButton->setMaximumHeight(pushButton->sizeHint().height());
    toolButton->setMinimumHeight(pushButton->sizeHint().height());
    toolButton2->setMaximumHeight(pushButton->sizeHint().height());
    toolButton2->setMinimumHeight(pushButton->sizeHint().height());

    grid->addWidget(textEdit    ,0,0,1,2);
    grid->addWidget(toolButton  ,1,0,1,1);
    grid->addWidget(pushButton  ,1,1,1,1);
    grid->addWidget(toolButton2 ,2,0,1,1);
    grid->addWidget(pushButton2 ,2,1,1,1);
    grid->addWidget(pushButton3 ,3,0,1,2);

    window->show();
    return a.exec();

【讨论】:

尝试使用 QToolButton 而不是 QPushButton 的原因是 QToolButton 自动接管动作属性(标题文本 + 图标)并处理信号/插槽链接。但最终这些好处不值得我在按钮高度和文本/图标对齐方面经历的麻烦和缺点。因此,我切换到 QPushButton 并手动设置文本/图标属性并设置插槽/信号链接。

以上是关于带有文本的 QToolButton:覆盖最小高度以模仿常规按钮高度的主要内容,如果未能解决你的问题,请参考以下文章

QToolButton - 图标顶部的文本

QToolButton 文本和图标之间的空间

JQuery - 查找 div 的高度然后创建循环以覆盖 div

QToolButton按钮

带有长文本 UILabel 的 UIView 无法显示超出屏幕高度的文本

UILabel 不调整高度以适合文本