CODEWITHSUNDEEP
pythonqtpython-3.xpyqtpyqt5
K.Mulier
K.Mulier

Reputation: 9640

How to make Icon in QMenu larger (PyQt)?

I did not yet find out how to make the icons in my QMenu larger. I have tried to define a stylesheet in which the icon size is enlarged. But it doesn't work. Here is my code:

menuStyleSheet = ("""
        QMenu {
            font-size: 18px;
            color: black;
            border: 2px solid black;
            left: 20px;
            background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1, stop: 0 #cccccc, stop: 1 #ffffff);
        }

        QMenu::item {
            padding: 2px 20px 2px 30px;
            border: 1px solid transparent; /* reserve space for selection border */
            spacing: 20px;
            height: 60px;
        }

        QMenu::icon {
            padding-left: 20px;
            width: 50px;        /* <- unfortunately, doesn't work */
            height: 50px;       /* <- unfortunately, doesn't work */
        }
    """)

#####################################################
#               THE PYQT APPLICATION                #
#####################################################
class GMainWindow(QMainWindow):

    def __init__(self, title):
        super(GMainWindow, self).__init__()
            ...

    def setCustomMenuBar(self):
        myMenuBar = self.menuBar()
        global menuStyleSheet
        myMenuBar.setStyleSheet(menuStyleSheet)
        # Now add Menus and QActions to myMenuBar..

The result of this code is as follows:

enter image description here

I know that there is an old StackOverflow question about a similar topic, but it assumes that one is coding the Qt application in C++. So the situation is different. Here is the link: How to make Qt icon (in menu bar and tool bar) larger?

Any help is greatly appreciated :-)

EDIT :

Here are some details about my machine:

Upvotes: 3

Views: 6617

Answers (2)

Nicolas LAURENT
Nicolas LAURENT

Reputation: 21

You may try the following style:

QMenu::item {
    padding: 2px 25px 2px 20px;
    border: 1px solid transparent; /* reserve space for selection border */
}

Upvotes: 0

K.Mulier
K.Mulier

Reputation: 9640

After a long search, I finally found the solution. Just copy-paste the code below, and paste it in a *.py file. Of course, you should replace the path to the icon with a valid path on your local computer. Just provide a complete path ("C:\..") to be 100% sure that Qt finds the icon drawing.

import sys
import os
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *

# Create a custom "QProxyStyle" to enlarge the QMenu icons
#-----------------------------------------------------------
class MyProxyStyle(QProxyStyle):
    pass
    def pixelMetric(self, QStyle_PixelMetric, option=None, widget=None):

        if QStyle_PixelMetric == QStyle.PM_SmallIconSize:
            return 40
        else:
            return QProxyStyle.pixelMetric(self, QStyle_PixelMetric, option, widget)


# This is the main window class (with a simple QMenu implemented)
# ------------------------------------------------------------------
class TestWindow(QMainWindow):
    def __init__(self):
        super(TestWindow, self).__init__()

        # 1. Set basic geometry and color.
        self.setGeometry(100, 100, 400, 400)
        self.setWindowTitle('Hello World')
        palette = QPalette()
        palette.setColor(QPalette.Window, QColor(200, 200, 200))
        self.setPalette(palette)

        # 2. Create the central frame.
        self.centralFrame = QFrame()
        self.centralFrame.setFrameShape(QFrame.NoFrame)
        self.setCentralWidget(self.centralFrame)

        # 3. Create a menu bar.
        myMenuBar = self.menuBar()
        fileMenu = myMenuBar.addMenu("&File")

        testMenuItem = QAction(QIcon("C:\\my\\path\\myFig.png"), "&Test", self)
        testMenuItem.setStatusTip("Test for icon size")
        testMenuItem.triggered.connect(lambda: print("Menu item has been clicked!"))

        fileMenu.addAction(testMenuItem)

        # 4. Show the window.
        self.show()

# Start your Qt application based on the new style
#---------------------------------------------------
if __name__== '__main__':
    app = QApplication(sys.argv)
    myStyle = MyProxyStyle('Fusion')    # The proxy style should be based on an existing style,
                                        # like 'Windows', 'Motif', 'Plastique', 'Fusion', ...
    app.setStyle(myStyle)

    myGUI = TestWindow()

    sys.exit(app.exec_())

You will see a window like this, with a huge icon: enter image description here

So how did I solve it? Well, apparently you cannot increase the icon size of a QMenu item in the usual way - defining the size in the stylesheet. The only way to do it is to provide a new QStyle, preferably derived from an existing QStyle. I found sources on how to do that in C++ (see http://www.qtcentre.org/threads/21187-QMenu-always-displays-icons-aty-16x16-px), but no explanation for PyQt.
After long trials and errors, I got it working :-)

Apparently more people struggle with this situation: http://www.qtcentre.org/threads/61860-QMenu-Icon-Scale-in-PyQt

Upvotes: 8

Related Questions