带有文本的 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】:我不明白你想要达到什么目的。
QPushButton
和QToolButton
的区别在于,QToolButton
实现了 PopupMenu(QPushButton 也可以轻松实现)
据我了解,视觉差异只是 QToolButton 右下角的小箭头,当您使用添加 QActions
到 QToolButton
这个箭头对我来说只是QToolButton
和QPushButton
之间的区别。但也许我错过了什么。
根据您的示例 (QToolButton with icon + text: How to center both?) 您似乎不想使用该弹出功能。这就是为什么我不明白,为什么要使用 QToolButton 而不是 QPushButtons。
在这个例子中显示:
1)QToolButton
和QPushButton
的高度相同
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:覆盖最小高度以模仿常规按钮高度的主要内容,如果未能解决你的问题,请参考以下文章
JQuery - 查找 div 的高度然后创建循环以覆盖 div