PyQt5实现画布小程序

下面我将为您分享一份关于"PyQt5实现画布小程序"的完整攻略。

一、准备工作

在开始编写小程序之前，我们需要先完成以下准备工作:

1. 安装PyQt5和Qt Designer

PyQt5是一个Python的GUI工具包，可以帮助Python开发者快速创建图形界面应用程序。QT Designer是QT公司提供的一个可视化界面编辑器，可以通过拖拽的方式创建界面，并通过生成UI文件的方式将界面集成到PyQt5项目中。

您可以使用以下命令在您的Python环境中安装PyQt5：

pip install PyQt5

您可以在官网下载并安装QT Designer，官网地址为：https://www.qt.io/download-open-source

1. 创建PyQt5项目

通过Pycharm等IDE创建一个PyQt5项目，并在项目中添加QT Designer生成的UI文件。在项目中创建一个Python文件，我们将在这个文件中编写Python代码来实现一些具体的功能。

二、实现功能

1. 绘制图形

为了实现画布小程序，需要我们先能够在界面上绘制简单的图形，比如直线、矩形和椭圆等。为了实现这个功能，可以使用PyQt5中提供的QPainter类。

示例代码：

class Example(QWidget):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setGeometry(300, 300, 350, 300)
        self.setWindowTitle('Painter demo')

    def paintEvent(self, e):
        qp = QPainter()
        qp.begin(self)
        self.drawLine(qp)
        qp.end()

    def drawLine(self, qp):
        pen = QPen(Qt.black, 2, Qt.SolidLine)

        qp.setPen(pen)
        qp.drawLine(20, 40, 250, 40)

# 运行代码
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    ex.show()
    sys.exit(app.exec_())

该段代码中，我们通过实现drawLine方法在窗口中绘制了一条黑色、宽度为2像素的实线。

1. 实现绘制过程中的鼠标交互

为了实现更加友好的绘制体验，需要实现鼠标交互操作。可以通过覆盖QWidget的鼠标事件来实现此功能。

示例代码：

class Example(QWidget):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setGeometry(300, 300, 350, 300)
        self.setWindowTitle('Painter demo')

        self.lastPoint = QPoint()
        self.currentPoint = QPoint()
        self.isDrawing = False

    def paintEvent(self, e):
        if self.isDrawing:
            qp = QPainter(self)
            pen = QPen(Qt.black, 2, Qt.SolidLine)
            qp.setPen(pen)
            qp.drawLine(self.lastPoint, self.currentPoint)

    def mousePressEvent(self, event):
        if event.button() == Qt.LeftButton:
            self.lastPoint = event.pos()
            self.currentPoint = event.pos()
            self.isDrawing = True

    def mouseMoveEvent(self, event):
        if event.buttons() and Qt.LeftButton:
            self.currentPoint = event.pos()
            self.update()

    def mouseReleaseEvent(self, event):
        if event.button() == Qt.LeftButton:
            self.currentPoint = event.pos()
            self.isDrawing = False

# 运行代码
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    ex.show()
    sys.exit(app.exec_())

在上述代码中，我们通过覆盖QWidget的鼠标事件，在绘制过程中，可以实现鼠标移动、按下和放开等操作。

三、集成UI

使用QT Designer可以很方便地创建GUI界面，我们可以将生成的UI文件集成到我们的PyQt5代码中。通过UI文件我们即可完成GUI视图与逻辑的分离，这对我们的项目维护十分便捷。

示例代码：

from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import QPoint, Qt
from demo import Ui_Form


class Example(QWidget):
    def __init__(self):
        super().__init__()

        self.ui = Ui_Form()
        self.ui.setupUi(self)

        self.lastPoint = QPoint()
        self.currentPoint = QPoint()
        self.isDrawing = False

        self.ui.drawBtn.clicked.connect(self.enableDraw)
        self.ui.clearBtn.clicked.connect(self.clearCanvas)
        self.ui.quitBtn.clicked.connect(self.close)

    def paintEvent(self, e):
        if self.isDrawing:
            qp = QPainter(self)
            pen = QPen(Qt.black, 2, Qt.SolidLine)
            qp.setPen(pen)
            qp.drawLine(self.lastPoint, self.currentPoint)

    def mousePressEvent(self, event):
        if event.button() == Qt.LeftButton:
            self.lastPoint = event.pos()
            self.currentPoint = event.pos()
            self.isDrawing = True

    def mouseMoveEvent(self, event):
        if event.buttons() and Qt.LeftButton:
            self.currentPoint = event.pos()
            self.update()

    def mouseReleaseEvent(self, event):
        if event.button() == Qt.LeftButton:
            self.currentPoint = event.pos()
            self.isDrawing = False

    def enableDraw(self):
        self.ui.drawBtn.setEnabled(False)
        self.ui.clearBtn.setEnabled(True)
        self.ui.quitBtn.setEnabled(True)
        self.ui.canvas.setEnabled(True)

    def clearCanvas(self):
        self.ui.canvas.clear()
        self.ui.drawBtn.setEnabled(True)
        self.ui.clearBtn.setEnabled(False)
        self.ui.quitBtn.setEnabled(False)
        self.ui.canvas.setEnabled(False)

# 运行代码
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    ex.show()
    sys.exit(app.exec_())

在上述代码中，我们使用QT Designer创建了一个GUI界面，并通过继承QWidget类将它集成到我们的PyQt5代码中。在UI文件中，我们定义了一个绘图区域、三个功能按钮及相应的信号槽关系，我们可以通过按钮的点击事件来实现功能的触发。同时，我们还重写了QWidget的paintEvent和鼠标事件，实现了绘图和鼠标绘制功能。