PyQt5教程(十二)——实现QQ登录界面（六、实现鼠标拖动界面，鼠标事件）

  PyQt5教程(十二)——实现QQ登录界面（五、实现鼠标拖动界面，鼠标事件）

一、实现界面可以随着鼠标进行拖动

1、主要就是对鼠标事件的实现：

        def mousePressEvent(self, event):
            if event.button() == Qt.LeftButton:
                self.m_flag = True
                self.m_Position = event.globalPos() - self.pos()  # 获取鼠标相对窗口的位置
                event.accept()
                self.setCursor(QCursor(Qt.OpenHandCursor))  # 更改鼠标图标

        def mouseMoveEvent(self, QMouseEvent):
            if Qt.LeftButton and self.m_flag:
                self.move(QMouseEvent.globalPos() - self.m_Position)  # 更改窗口位置
                QMouseEvent.accept()

        def mouseReleaseEvent(self, QMouseEvent):
            self.m_flag = False
            self.setCursor(QCursor(Qt.ArrowCursor))

事件是由程序内部或外部产生的事情或某种动作的通称。比如用户按下键盘或鼠标，就会产生一个键盘事件或鼠标事件(这是由程序外部产生的事件)；再如，当窗口第一次显示时，会产生一个绘制事件，以通知窗口需要重新绘制其自身，从而使该窗口可见(这是由程序内部产生的事件)。

2、logicQQ.py中添加鼠标事件的代码:

import sys
from PyQt5.QtWidgets import QApplication, QLabel, QPushButton, QHBoxLayout
from PyQt5.QtCore import  Qt, QSize
from QQLogin import Ui_Dialog
from PyQt5.Qt import QWidget
from PyQt5.QtGui import QIcon, QPixmap, QMovie, QCursor

import image_rc

class QSSLoad :
       def __init__( self):
           pass
        
       @staticmethod
       def readQssFile(qssFileName):
           with open( qssFileName , 'r',  encoding='UTF-8') as file:
               return file.read()


class MyMainWindow(QWidget, Ui_Dialog):
        def __init__( self, parent=None):
             super(MyMainWindow, self).__init__(parent)
             self.setupUi(self)
             self.initUI()

        def initUI(self):
            self.setWindowFlags(Qt.FramelessWindowHint) #去掉标题栏
            
            self.accountcomboBox.setEditable(True)
            lineEdit = self.accountcomboBox.lineEdit()
            lineEdit.setPlaceholderText("QQ号码/手机/邮箱")
            self.passwordEdit.setPlaceholderText("密码")
            self.loginStatusBtn.raise_()
            
            self.picLab.setPixmap(QPixmap(':/images/HeadImage.png'))
            self.loginStatusBtn.setIcon(QIcon(':/images/state_online.png'))
            
            #gif动画效果
            self.initBackGif()
            
            #小键盘
            self.initKeyBoard()
            
        #设置背景gif图
        def initBackGif(self):
            pback = QLabel(self)
            movie = QMovie()
            movie.setFileName(":/images/back.gif")
            movie.start()
            movie.stop()
            pback.setMovie(movie)
            movie.start()
            pback.move(0, 0)
            
         #设置小键盘   
        def initKeyBoard(self):
            keyBaordBtn = QPushButton()
            keyBaordBtn.setObjectName("BtnKeyBoard")
            keyBaordBtn.setFixedSize(QSize(16, 16))
            keyBaordBtn.setCursor(QCursor(Qt.PointingHandCursor))
            passwordEditLayout = QHBoxLayout()
            passwordEditLayout.addStretch()
            passwordEditLayout.addWidget(keyBaordBtn)
            passwordEditLayout.setSpacing(0)
            passwordEditLayout.setContentsMargins(0, 0, 8, 0)
            self.passwordEdit.setLayout(passwordEditLayout)
            self.passwordEdit.setTextMargins(0, 0, keyBaordBtn.width() + 12, 0)            

        def mousePressEvent(self, event):
            if event.button() == Qt.LeftButton:
                self.m_flag = True
                self.m_Position = event.globalPos() - self.pos()  # 获取鼠标相对窗口的位置
                event.accept()
                self.setCursor(QCursor(Qt.OpenHandCursor))  # 更改鼠标图标

        def mouseMoveEvent(self, QMouseEvent):
            if Qt.LeftButton and self.m_flag:
                self.move(QMouseEvent.globalPos() - self.m_Position)  # 更改窗口位置
                QMouseEvent.accept()

        def mouseReleaseEvent(self, QMouseEvent):
            self.m_flag = False
            self.setCursor(QCursor(Qt.ArrowCursor))

if __name__ == "__main__":
    app = QApplication(sys.argv)
    
    qssFileName = "./images/login1.qss"
    qssFile = QSSLoad.readQssFile(qssFileName)
    
    win = MyMainWindow()
    win.setStyleSheet(qssFile)
    win.show()
    sys.exit(app.exec())

3、运行效果：

我们可以看到随着鼠标的拖动，界面也跟着拖动。

下一篇：PyQt5教程(十三)——实现QQ登录界面（七、信号和槽）

本文原创作者：冯一川（[email protected]），未经作者授权同意，请勿转载。如需获取本程序源代码和资源，欢迎发邮件与我联系。