Search code examples
pythonqtpython-3.xpyqtpyqt5

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:

  • OS: Windows 10
  • Python: v3 (Anaconda package)
  • Qt: PyQt5

Solution

  • 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