Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove icon space from QMenu

Tags:

c++

qt

qt4

qt5

qmenu

I'm working on a Qt application (in C++). Without appyling any styles, my menu looks like this:

enter image description here

I'd like it to look like this:

enter image description here

How do I achieve this? Either using qss, or programmatically?

I already tried this, without success:

    menu->addAction(tr("Add"), this, SLOT(CreateNewWaypoint()))->setIconVisibleInMenu(false);

Answers for both Qt4.8 and Qt5 are needed to get the full bounty!

like image 374
JoergEwald Avatar asked Jun 25 '17 10:06

JoergEwald


2 Answers

One way to solve the problem is to use QProxyStyle:

customstyle.h

#ifndef CUSTOMSTYLE_H
#define CUSTOMSTYLE_H
#include <QProxyStyle>
#include <QStyleOptionMenuItem>

class CustomStyle : public QProxyStyle{
public:
    using QProxyStyle::QProxyStyle;

    void drawControl(ControlElement element, const QStyleOption *opt, QPainter *p, const QWidget *w) const override
    {
        if(element == QStyle::CE_MenuItem){
            QStyleOptionMenuItem myMenuOption;
            const QStyleOptionMenuItem *menuOption =
                    qstyleoption_cast<const QStyleOptionMenuItem *>(opt);
            if (menuOption) {
                const int width = pixelMetric(PM_SmallIconSize)+6;
                myMenuOption = *menuOption;
                QRect r(myMenuOption.rect);
                r.setLeft(-width);
                myMenuOption.rect = r;
            }
            QProxyStyle::drawControl(element, &myMenuOption, p, w);
            return;
        }
        QProxyStyle::drawControl(element, opt, p, w);
    }
};

#endif // CUSTOMSTYLE_H

then you install it in the QApplication:

QApplication a(argc, argv);
QApplication::setStyle(new CustomStyle);
like image 136
eyllanesc Avatar answered Sep 16 '22 23:09

eyllanesc


You can influence on how your menu appears by playing with its style sheet. With you example code you can do the following:

menu.setStyleSheet("QMenu::item {"
                   "padding: 2px 5px 2px 2px;"
                   "}"
                   "QMenu::item:selected {"
                   "background-color: rgb(0, 85, 127);"
                   "color: rgb(255, 255, 255);"
                   "}");

Note the padding property, which sets the offsets of your menu item rectangles.

like image 40
vahancho Avatar answered Sep 19 '22 23:09

vahancho