qtqt5text-alignmentqstyleqstylesheet

QToolButton with icon + text: How to center both?


I am using multiple QToolButtons in a custom QGridLayout widget. The buttons are set to display icon + text based on an assigned default QAction. The only issue is that the content (icon + text) is always left-aligned.

The content (icon + text, marked as a red box in the screenshot), should be center in the button (indicated by the blue box).

enter image description here

For most cases this is just fine, given that Qt automatically tries to render that button with the minimal size. However I am stretching the button to fit nicely into my QGridLayout.

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

QGridLayout *pActionAreaLayout = new QGridLayout;
pActionAreaLayout->addWidget(pSomeOtherWidget, 0, 0, 1, 2);
pActionAreaLayout->addWidget(pButton , 1, 0, 1, 1);

Is there a way to force the content to be centered in the button?

PS: I found the following comment in another forum, which however seems quite invasive and is not really clear to me yet:

You can try doing the horizontal alignment using a stylesheet, but you probably have to implement a QStyle proxy and reimplement drawControl() for QStyle::CE_ToolButtonLabel Or derive from QToolButton, overwrite paintEvent() and call the style for everything other than the label.


Solution

  • As I suggest in answer to you another question. https://stackoverflow.com/a/28630318/1917249 Do not use QToolButton, just use QPushButton, and add popup menu if needed.

    Then you wont have different sizes of QToolButton and QPushButton widgets. And you will have centered icon and text.

    Popupmenu can be easily added to QPushButton ( only small arrow wont be shown )

    QPushButton *pushButton = new QPushButton(toolAction->icon(), "PushButton", window);
    // window - widget where button is placed ( to get correct QMenu position )
    QObject::connect(pushButton, &QPushButton::released, [window, pushButton, action](){
        QMenu menu;
        menu.addAction(action);
        QPoint pos = window->mapToGlobal(pushButton3->pos());
        pos += QPoint(0, pushButton->height());
        menu.exec(pos);
     });
    

    Or you can subclass QPushButton and add Popup menu handling there. Much better then try to center text with icon in QToolButton or have in same size of QPushButton and QToolButton

    For complex example please see my answer: https://stackoverflow.com/a/28630318/1917249