Python3使用PyQt5制作简单的画板/手写板实例
1.前言
版本：Python3.6.1 + PyQt5
写一个程序的时候需要用到画板/手写板，只需要最简单的那种。原以为网上到处都是，结果找了好几天，都没有找到想要的结果。
网上的要么是非python版的qt程序（要知道qt版本之间差异巨大，还是非同一语言的），改写难度太大。要么是PyQt4的老程序，很多都已经不能在PyQt5上运行了。要么是大神写的特别复杂的程序，简直是直接做出了一个Windows自带的画图版，只能膜拜~
于是我只能在众多代码中慢慢寻找自己需要的那一小部分，然后不断地拼凑，不断地理解大神的代码，最终做出这么一个简单的画板。望着这个简单的画板我真是泪流满面，中间数十次拼不对拼不全导致程序无数次崩溃，差点就放弃了......
2.简单的画板1.0
在简单的画板1.0这里，实现的功能是：在定点和移动中的鼠标所在处画一条线
如图所示：
鼠标按住移动的话，线也会跟着移动，从这个简单的程序开始理解PyQt5的运行机制吧。
'''
简单的画板1.0
功能：在定点和移动中的鼠标所在处画一条线
作者：PyLearn
最后修改日期: 2017/10/18
'''
import sys
from PyQt5.QtWidgets import (QApplication, QWidget)
from PyQt5.QtGui import (QPainter, QPen)
from PyQt5.QtCore import Qt
class Example(QWidget):
def __init__(self):
super(Example, self).__init__()
#resize设置宽高，move设置位置
self.resize(400, 300)
self.move(100, 100)
self.setWindowTitle("简单的画板1.0")
#setMouseTracking设置为False，否则不按下鼠标时也会跟踪鼠标事件
self.setMouseTracking(False)
#设置两个变量接收移动中的点的x、y坐标
self.pos_x = 20
self.pos_y = 20
def paintEvent(self, event):
painter = QPainter()
painter.begin(self)
pen = QPen(Qt.black, 2, Qt.SolidLine)
painter.setPen(pen)
#定点(20, 20) 到 (self.pos_x, self.pos_y)之间画线
painter.drawLine(20, 20, self.pos_x, self.pos_y)
painter.end()
def mouseMoveEvent(self, event):
'''
按住鼠标移动事件：更新pos_x和pos_y的值
调用update()函数在这里相当于调用paintEvent()函数
每次update()时，之前调用的paintEvent()留下的痕迹都会清空
'''
self.pos_x = event.pos().x()
self.pos_y = event.pos().y()
self.update()
if __name__ == "__main__":
app = QApplication(sys.argv)
pyqt_learn = Example()
pyqt_learn.show()
app.exec_()
3.简单的画板2.0
从以上的简单的画板1.0程序的运行可以发现，按住鼠标移动的时候，线也会跟着移动，那如何让之前的线留下痕迹，而不是消失呢？
在简单的画板2.0中，使用一个列表保存所有移动过的点，然后要画线的时候，循环遍历列表，依次画出列表中点到定点之间的线即可。
效果如图所示：
'''
简单的画板2.0
功能：
在定点和移动中的鼠标所在处画一条线
并将画过的线都保留在窗体上
作者：PyLearn
最后修改日期: 2017/10/18
'''
import sys
from PyQt5.QtWidgets import (QApplication, QWidget)
from PyQt5.QtGui import (QPainter, QPen)
from PyQt5.QtCore import Qt
class Example(QWidget):
def __init__(self):
super(Example, self).__init__()
#resize设置宽高，move设置位置
self.resize(400, 300)
self.move(100, 100)
self.setWindowTitle("简单的画板2.0")
#setMouseTracking设置为False，否则不按下鼠标时也会跟踪鼠标事件
self.setMouseTracking(False)
'''
要想将画过的线都保留在窗体上
需要一个列表来保存所有移动过的点
'''
self.pos_xy = []
def paintEvent(self, event):
painter = QPainter()
painter.begin(self)
pen = QPen(Qt.black, 2, Qt.SolidLine)
painter.setPen(pen)
#循环遍历self.pos_xy中每个点，然后画点到定点之间的线
for pos_tmp in self.pos_xy:
painter.drawLine(20, 20, pos_tmp[0], pos_tmp[1])
painter.end()
def mouseMoveEvent(self, event):
'''
按住鼠标移动事件：将当前点添加到pos_xy列表中
调用update()函数在这里相当于调用paintEvent()函数
每次update()时，之前调用的paintEvent()留下的痕迹都会清空
'''
#中间变量pos_tmp提取当前点
pos_tmp = (event.pos().x(), event.pos().y())
#pos_tmp添加到self.pos_xy中
self.pos_xy.append(pos_tmp)
self.update()
if __name__ == "__main__":
app = QApplication(sys.argv)
pyqt_learn = Example()
pyqt_learn.show()
app.exec_()
4.简单的画板3.0
好了，接下来进入正题了。简单的画板2.0不过是画鼠标所在点到定点的线，那么如何将按住鼠标后移动的轨迹保留在窗体上？
这个就需要一个列表来保存所有移动过的点，然后把所有相邻两个点之间都画一条线，就能断断续续连成鼠标的痕迹了。
效果如图所示：
是不是就画出鼠标移动的轨迹了！
不过这也是有缺点的，比如说写个5看看：
硬生生变成了一个5不是5, 6不是6的数字。这是因为再次提笔画时，5上面的那一横跟之前画的尾巴那里连起来了。好好想想，这个问题怎么解决呢？
'''
简单的画板3.0
功能：将按住鼠标后移动的轨迹保留在窗体上
作者：PyLearn
最后修改日期: 2017/10/18
'''
import sys
from PyQt5.QtWidgets import (QApplication, QWidget)
from PyQt5.QtGui import (QPainter, QPen)
from PyQt5.QtCore import Qt
class Example(QWidget):
def __init__(self):
super(Example, self).__init__()
#resize设置宽高，move设置位置
self.resize(400, 300)
self.move(100, 100)
self.setWindowTitle("简单的画板3.0")
#setMouseTracking设置为False，否则不按下鼠标时也会跟踪鼠标事件
self.setMouseTracking(False)
'''
要想将按住鼠标后移动的轨迹保留在窗体上
需要一个列表来保存所有移动过的点
'''
self.pos_xy = []
def paintEvent(self, event):
painter = QPainter()
painter.begin(self)
pen = QPen(Qt.black, 2, Qt.SolidLine)
painter.setPen(pen)
'''
首先判断pos_xy列表中是不是至少有两个点了
然后将pos_xy中第一个点赋值给point_start
利用中间变量pos_tmp遍历整个pos_xy列表
point_end = pos_tmp
画point_start到point_end之间的线
point_start = point_end
这样，不断地将相邻两个点之间画线，就能留下鼠标移动轨迹了
'''
if len(self.pos_xy) > 1:
point_start = self.pos_xy[0]
for pos_tmp in self.pos_xy:
point_end = pos_tmp
painter.drawLine(point_start[0], point_start[1], point_end[0], point_end[1])
point_start = point_end
painter.end()
def mouseMoveEvent(self, event):
'''
按住鼠标移动事件：将当前点添加到pos_xy列表中
调用update()函数在这里相当于调用paintEvent()函数
每次update()时，之前调用的paintEvent()留下的痕迹都会清空
'''
#中间变量pos_tmp提取当前点
pos_tmp = (event.pos().x(), event.pos().y())
#pos_tmp添加到self.pos_xy中
self.pos_xy.append(pos_tmp)
self.update()
if __name__ == "__main__":
app = QApplication(sys.argv)
pyqt_learn = Example()
pyqt_learn.show()
app.exec_()
5.简单的画板4.0
简单的画板3.0中有一个致命的问题，那就是连续的问题，比如说要写一个三位数123：
很难看对不对？
解决这个问题的方法应该是有很多种的，我也没有深入想，就直接用了这个麻烦点的方法。
我的办法是当鼠标按住移动然后松开的时候，往保存所有移动过的点的列表中添加一个断点(-1, -1)。然后在每次画线的时候，都判断一下是不是断点，如果是断点的话就想办法跳过去，并且不连续的开始接着画线。
效果如图所示：
以下是具体实现代码：
''' 简单的画板4.0 功能： 将按住鼠标后移动的轨迹保留在窗体上 并解决二次作画时与上次痕迹连续的问题 作者：PyLearn 最后修改日期: 2017/10/18 ''' import sys from PyQt5.QtWidgets import (QApplication, QWidget) from PyQt5.QtGui import (QPainter, QPen) from PyQt5.QtCore import Qt class Example(QWidget): def __init__(self): super(Example, self).__init__() #resize设置宽高，move设置位置 self.resize(400, 300) self.move(100, 100) self.setWindowTitle("简单的画板4.0") #setMouseTracking设置为False，否则不按下鼠标时也会跟踪鼠标事件 self.setMouseTracking(False) ''' 要想将按住鼠标后移动的轨迹保留在窗体上 需要一个列表来保存所有移动过的点 ''' self.pos_xy = [] def paintEvent(self, event): painter = QPainter() painter.begin(self) pen = QPen(Qt.black, 2, Qt.SolidLine) painter.setPen(pen) ''' 首先判断pos_xy列表中是不是至少有两个点了 然后将pos_xy中第一个点赋值给point_start 利用中间变量pos_tmp遍历整个pos_xy列表 point_end = pos_tmp 判断point_end是否是断点，如果是 point_start赋值为断点 continue 判断point_start是否是断点，如果是 point_start赋值为point_end continue 画point_start到point_end之间的线 point_start = point_end 这样，不断地将相邻两个点之间画线，就能留下鼠标移动轨迹了 ''' if len(self.pos_xy) > 1: point_start = self.pos_xy[0] for pos_tmp in self.pos_xy: point_end = pos_tmp if point_end == (-1, -1): point_start = (-1, -1) continue if point_start == (-1, -1): point_start = point_end continue painter.drawLine(point_start[0], point_start[1], point_end[0], point_end[1]) point_start = point_end painter.end() def mouseMoveEvent(self, event): ''' 按住鼠标移动事件：将当前点添加到pos_xy列表中 调用update()函数在这里相当于调用paintEvent()函数 每次update()时，之前调用的paintEvent()留下的痕迹都会清空 ''' #中间变量pos_tmp提取当前点 pos_tmp = (event.pos().x(), event.pos().y()) #pos_tmp添加到self.pos_xy中 self.pos_xy.append(pos_tmp) self.update() def mouseReleaseEvent(self, event): ''' 重写鼠标按住后松开的事件 在每次松开后向pos_xy列表中添加一个断点(-1, -1) 然后在绘画时判断一下是不是断点就行了 是断点的话就跳过去，不与之前的连续 ''' pos_test = (-1, -1) self.pos_xy.append(pos_test) self.update() if __name__ == "__main__": app = QApplication(sys.argv) pyqt_learn = Example() pyqt_learn.show() app.exec_()
至此，终于完成了简单的画板程序的实现！
另外，如果在使用这个代码的过程中有遇到什么问题，也欢迎向我反馈。
以上这篇Python3使用PyQt5制作简单的画板/手写板实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍Android实现简单画图画板，包括了Android实现简单画图画板的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android实现简单画图画板的具体代码，供大家参考，具体内容如下 效果如图： 布局文件： MainActivity.java 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍使用Python3+PyQT5+Pyserial 实现简单的串口工具方法，包括了使用Python3+PyQT5+Pyserial 实现简单的串口工具方法的使用技巧和注意事项，需要的朋友参考一下 练手项目，先上图 先实现一个简单的串口工具，为之后的上位机做准备 代码如下： github 下载地址 pyserial_demo.py ui_demo_1.py 以上这篇使用Python3+P
-
画板概述 画板表示可以包含可打印图稿的区域。可以将画板作为裁剪区域以满足打印或置入的需要，这些画板与 Illustrator CS3 中的裁剪区域的作用相同。可以使用多个画板来创建各种内容，例如，多页 PDF、大小或元素不同的打印页面、网站的独立元素、视频故事板或者组成 Adobe Flash 或 After Effects 中的动画的各个项目。 注：如果在 Illustrator CS3 文档中
-
本文向大家介绍简单实现Android绘图板，包括了简单实现Android绘图板的使用技巧和注意事项，需要的朋友参考一下 本文这个实例通过前面学过的Paint、Canvas等2D绘画技术来实现一个简单的Android的绘图板。 具体实现代码： 创建一个名为DrawView的类，该类继承自android.view.View类。在该类中，首先定义程序中所需的属性，然后添加构造方法，并重写onDraw(C
-
同一画布上适合不同设备的画板。 如果您是一名 Web 或 UX 设计人员，会日益发现自己需要设计适合多种设备的网站或应用程序。画板可帮助简化您的设计过程，它提供了一个无限画布，您可以在此画布上布置适合不同设备和屏幕的设计。创建画板时，您可以从各种不同的预设大小中选择，或定义您自己的自定义画板大小。 即使您通常只针对一种屏幕大小进行设计，画板也非常有用。例如，在设计网站时，您可以结合具体情况使用画板
-
本文向大家介绍Destoon模板制作简明教程，包括了Destoon模板制作简明教程的使用技巧和注意事项，需要的朋友参考一下 对于制作Destoon的模板来说，首先需要理解两个Destoon的概念：模板(template)和风格(skin)。模板存放于系统template 目录,风格（系统界面的图片、css文件）存放于系统skin目录，也就是说,template放置页面文件，skin放置样式文件。