PYQT button Right-click menu

This article original, reproduced please indicate the original address.

Drunken Dongpo

Original address: http://blog.csdn.net/jiuzuidongpo/article/details/46507403

Implementation results such as:

This text mainly wrote two aspects of the content:

The first is the customization of the button, the second is the use of the right-click menu, not only the button's right-click menu, some other control's right-click menu can be similar to create and use.

Some of the ways to use the right-click menu are qmenu:

Use of Style sheets:

self.setStyleSheet("QMenu{background:purple;}"
                           "QMenu{border:1px solid lightgray;}"
                           "QMenu{border-color:green;}"
                            "QMenu::item{padding:0px 40px 0px 20px;}"
                            "QMenu::item{height:30px;}"    
                            "QMenu::item{color:blue;}"
                            "QMenu::item{background:white;}"
                            "QMenu::item{margin:1px 0px 0px 0px;}"
                            
                            "QMenu::item:selected:enabled{background:lightgray;}"
                            "QMenu::item:selected:enabled{color:white;}"   
                            "QMenu::item:selected:!enabled{background:transparent;}"
            
                            "QMenu::separator{height:50px;}"
                            "QMenu::separator{width:1px;}"
                            "QMenu::separator{background:white;}"
                            "QMenu::separator{margin:1px 1px 1px 1px;}"   

                            "QMenu#menu{background:white;}"
                            "QMenu#menu{border:1px solid lightgray;}"
                            "QMenu#menu::item{padding:0px 40px 0px 30px;}"
                            "QMenu#menu::item{height:25px;}"
                            "QMenu#menu::item:selected:enabled{background:lightgray;}"
                            "QMenu#menu::item:selected:enabled{color:white;}"
                            "QMenu#menu::item:selected:!enabled{background:transparent;}"
                            "QMenu#menu::separator{height:1px;}"
                            "QMenu#menu::separator{background:lightgray;}"
                            "QMenu#menu::separator{margin:2px 0px 2px 0px;}"
                            "QMenu#menu::indicator {padding:10px;}"
                                                        )

Right-click menu creation and menu signal slots:

def createContextMenu(self):
'' ''
Create right-click menu
''
#Contextmenupolicy must be set to qt.customcontextmenu
#Otherwise, the customcontextmenurerequested signal cannot be used
self.setContextMenuPolicy(Qt.CustomContextMenu)  
self.customContextMenuRequested.connect(self.showContextMenu) 
#Create qmenu
self.contextMenu = QMenu(self)  
Self. Actiona = self. ContextMenu. Addaction (qicon ("images / 0. PNG"), u '| action a')
Self. Actionb = self. ContextMenu. Addaction (qicon ("images / 0. PNG"), u '| action B')
Self. Actionc = self. ContextMenu. Addaction (qicon ("images / 0. PNG"), u '| action C')
#Add secondary menu
Self.second = self.contextmenu.addmenu (qicon ("images / 0. PNG"), u "| secondary menu")
Self. Actiond = self. Second. Addaction (qicon ("images / 0. PNG"), u '| action a')
Self. Actione = self. Second. Addaction (qicon ("images / 0. PNG"), u '| action B')
Self. Actionf = self. Second. Addaction (qicon ("images / 0. PNG"), u '| action C')
#Associate actions with processing functions
#For simplicity, associate all actions with the same handler,
#Of course, they can also be associated with different functions to achieve different functions
self.actionA.triggered.connect(self.actionHandler)  
self.actionB.triggered.connect(self.actionHandler)  
self.actionC.triggered.connect(self.actionHandler) 
self.actionD.triggered.connect(self.actionHandler)  
self.actionE.triggered.connect(self.actionHandler)  
self.actionF.triggered.connect(self.actionHandler)

Where to display the menu:

Self. ContextMenu. Exec (qcursor. Pos()) ාdisplay in mouse position

With regard to the customization of the buttons, it includes the redefinition of some events and the redesign and drawing of the UI interface of the buttons, which are not listed.

Here is a demo includes a button customization, right-click menu creation and use, including two files, the picture can be randomly found, not too big or too small on the line:

mybutton.py

# -*- coding: utf-8 -*-
from PyQt4.QtCore import Qt, QRect
from PyQt4.QtGui  import QPushButton, QPainter, QPainterPath, QPen, QColor, QPixmap, QIcon, QBrush, QCursor,QMenu
class MenuButton(QPushButton):
def __init__(self,parent = None):
super(MenuButton,self).__init__(parent)
self.setStyleSheet("QMenu{background:purple;}"
"QMenu{border:1px solid lightgray;}"
"QMenu{border-color:green;}"
"QMenu::item{padding:0px 40px 0px 20px;}"
"QMenu::item{height:30px;}"    
"QMenu::item{color:blue;}"
"QMenu::item{background:white;}"
"QMenu::item{margin:1px 0px 0px 0px;}"
"QMenu::item:selected:enabled{background:lightgray;}"
"QMenu::item:selected:enabled{color:white;}"   
"QMenu::item:selected:!enabled{background:transparent;}"
"QMenu::separator{height:50px;}"
"QMenu::separator{width:1px;}"
"QMenu::separator{background:white;}"
"QMenu::separator{margin:1px 1px 1px 1px;}"   
"QMenu#menu{background:white;}"
"QMenu#menu{border:1px solid lightgray;}"
"QMenu#menu::item{padding:0px 40px 0px 30px;}"
"QMenu#menu::item{height:25px;}"
"QMenu#menu::item:selected:enabled{background:lightgray;}"
"QMenu#menu::item:selected:enabled{color:white;}"
"QMenu#menu::item:selected:!enabled{background:transparent;}"
"QMenu#menu::separator{height:1px;}"
"QMenu#menu::separator{background:lightgray;}"
"QMenu#menu::separator{margin:2px 0px 2px 0px;}"
"QMenu#menu::indicator {padding:10px;}"
)
self.hovered = False
self.pressed = False
self.pressedIcon = QIcon()
self.color = QColor(Qt.gray)
self.opacity = 1.0
self.count = 0
#         self.setAutoFillBackground(True)
#         self.setStyleSheet("#Check {background-color: rgb(255, 255, 255);}");
self.createContextMenu()  
self.count = 0
def createContextMenu(self):  
'' ''
Create right-click menu
''
#Contextmenupolicy must be set to qt.customcontextmenu
#Otherwise, the customcontextmenurerequested signal cannot be used
self.setContextMenuPolicy(Qt.CustomContextMenu)  
self.customContextMenuRequested.connect(self.showContextMenu) 
#Create qmenu
self.contextMenu = QMenu(self)  
Self. Actiona = self. ContextMenu. Addaction (qicon ("images / 0. PNG"), u '| action a')
Self. Actionb = self. ContextMenu. Addaction (qicon ("images / 0. PNG"), u '| action B')
Self. Actionc = self. ContextMenu. Addaction (qicon ("images / 0. PNG"), u '| action C')
#Add secondary menu
Self.second = self.contextmenu.addmenu (qicon ("images / 0. PNG"), u "| secondary menu")
Self. Actiond = self. Second. Addaction (qicon ("images / 0. PNG"), u '| action a')
Self. Actione = self. Second. Addaction (qicon ("images / 0. PNG"), u '| action B')
Self. Actionf = self. Second. Addaction (qicon ("images / 0. PNG"), u '| action C')
#Associate actions with processing functions
#For simplicity, associate all actions with the same handler,
#Of course, they can also be associated with different functions to achieve different functions
self.actionA.triggered.connect(self.actionHandler)  
self.actionB.triggered.connect(self.actionHandler)  
self.actionC.triggered.connect(self.actionHandler) 
self.actionD.triggered.connect(self.actionHandler)  
self.actionE.triggered.connect(self.actionHandler)  
self.actionF.triggered.connect(self.actionHandler)   
def showContextMenu(self, pos):  
'' ''
Function called on right click
''
self.count+=1
#Before the menu is displayed, move it to the position where the mouse clicks
Self. ContextMenu. Exec (qcursor. Pos()) ාdisplay in mouse position
#self.contextMenu.show()  
print self.count
def actionHandler(self):  
'' ''
Function called by specific action in menu
''
if self.count%3==1:
self.setText(u"first")
elif self.count%3==2:
self.setText(u"second")
elif self.count%3==0:
self.setText(u"third")
def setEnterCursorType(self, Type):
self.cursorType = Type
def setColor(self,color):
self.color = color；
def setOpacitys(self,opacity):
self.opacity = opacity
#         self.setOpacity(0.5)
def enterEvent(self,event):
self.hovered = True
self.repaint()
QPushButton.enterEvent(self,event)
def leaveEvent(self,event):
self.hovered = False
self.repaint()
self.setCursor(QCursor(Qt.ArrowCursor)) 
QPushButton.leaveEvent(self,event)
def mousePressEvent(self, event):
self.pressed = True
self.repaint()
QPushButton.mousePressEvent(self,event)
def mouseReleaseEvent(self, event):
self.pressed = False
self.repaint()
QPushButton.mouseReleaseEvent(self,event)
def paintEvent(self,event):
painter = QPainter(self)
btnRect = self.geometry()
iconRect = self.iconSize()
color = QColor(Qt.black)
if self.hovered:
color = self.color
if self.pressed:
color = self.color.darker(120)
painter.setPen(QPen(QColor(Qt.lightGray),2))
outline = QPainterPath()
outline.addRoundedRect(0, 0, btnRect.width(), btnRect.height(), 0, 0)
painter.setOpacity(1)
painter.drawPath(outline)
painter.setBrush(QBrush(color)) 
painter.setOpacity(self.opacity)
painter_path = QPainterPath()
painter_path.addRoundedRect(1, 1, btnRect.width() - 2, btnRect.height() - 2, 0, 0)
if self.hovered:
painter.setClipPath(painter_path)
painter.drawRoundedRect(1, 1, btnRect.width() - 2, btnRect.height() - 2, 0, 0)
painter.setOpacity(1)       
iconPos,textPos = self.calIconTextPos(btnRect, iconRect)
#Redraw text
if not self.text().isNull():
painter.setFont(self.font())
painter.setPen(QPen(QColor(Qt.black),2))
painter.drawText(textPos.x(), textPos.y(), textPos.width(), textPos.height(), Qt.AlignCenter, self.text())
#Redraw Icon
if not self.icon().isNull():
painter.drawPixmap(iconPos, QPixmap(self.icon().pixmap(self.iconSize())))
#Calculate icon and text size position
def calIconTextPos(self,btnSize,iconSize):
if self.text().isNull():
iconWidth = iconSize.width()*3/5
iconHeight = iconSize.height()*3/5
Else:
iconWidth = iconSize.width()
iconHeight = iconSize.height() - 50
iconX = (btnSize.width()-iconWidth)/2
iconY = (btnSize.height()-iconHeight)/2
iconPos = QRect()
iconPos.setX(iconX)
iconPos.setY(iconY)
iconPos.setWidth(iconWidth)
iconPos.setHeight(iconHeight)
textPos = QRect()
if not self.text().isNull():
textPos.setX(iconX)
textPos.setY(btnSize.height()- 50)
textPos.setWidth(iconWidth)
textPos.setHeight(50)
return (iconPos,textPos)

buttontest.py

# -*- coding: utf-8 -*-  
from mybutton import MenuButton
import sys
from PyQt4.QtCore import QTextCodec, QSize, SIGNAL
from PyQt4.QtGui import QDialog, QIcon, QHBoxLayout, QApplication

QTextCodec.setCodecForTr(QTextCodec.codecForName("utf8"))


class TestDialog(QDialog):
    def __init__(self,parent=None):
        super(TestDialog,self).__init__(parent)
        self.setFixedSize(200,200)
        self.firMybutton = MenuButton()
        self.firMybutton.setFixedSize(QSize(100,100))
        self.firMybutton.setIcon(QIcon("windows.png"))
        self.firMybutton.setIconSize(QSize(100,100))
        #self.firMybutton.setText(self.tr("确萨"))
        self.connect(self.firMybutton, SIGNAL("clicked()"),self.cancel)
        myLayout = QHBoxLayout()
        myLayout.addWidget(self.firMybutton)
        self.setLayout(myLayout)
        
    def cancel(self):
        self.close()
        
        
app=QApplication(sys.argv)
dialog=TestDialog()
dialog.show()
app.exec_()

PYQT button Right-click menu