PyQt5利用QPainter绘制各种图形的实例


Posted in Python onOctober 19, 2017

这个例子我做了好几天:

1)官网C++的源码,改写成PyQt5版本的代码,好多细节不会转化

2)网上的PyQt的例子根本运行不了

填了无数个坑,结合二者,终于能完成了一个关于绘图的东西。这个过程也掌握了很多新的知识点

【知识点】

1、关于多个点的使用

poitns = [QPoint(10, 80), QPoint(20, 10), QPoint(80, 30), QPoint(90, 70)]

请看:

# 定义多个点
   points = [QPoint(10, 80), QPoint(20, 10), QPoint(80, 30), QPoint(90, 70)]

   # ===直接使用 points 会报错!=========
   # ...
   elif self.shape == self.Points:
      painter.drawPoints(points)

   elif self.shape == self.Polyline:
      painter.drawPolyline(points)

   elif self.shape == self.Polygon:
      painter.drawPolygon(points, 4)

   # ...

   # ===把 points 用 QPolygon()包裹起来才正确!=========
   # ...
   elif self.shape == self.Points:
      painter.drawPoints(QPolygon(points))

   elif self.shape == self.Polyline:
      painter.drawPolyline(QPolygon(points))

   elif self.shape == self.Polygon:
      painter.drawPolygon(QPolygon(points), 4)

   # ...

2、在QDialog窗体中显示QWidget部件

【效果图】

PyQt5利用QPainter绘制各种图形的实例PyQt5利用QPainter绘制各种图形的实例

【资源】

//img.jbzj.com/file_images/article/201710/brick.png
//img.jbzj.com/file_images/article/201710/qt-logo.png

【代码】

import sys

from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *

class StockDialog(QWidget):
  def __init__(self, parent=None):
    super(StockDialog, self).__init__(parent)
    self.setWindowTitle("利用QPainter绘制各种图形")
    
    mainSplitter = QSplitter(Qt.Horizontal)
    mainSplitter.setOpaqueResize(True)
         
    frame = QFrame(mainSplitter)
    mainLayout = QGridLayout(frame)
    #mainLayout.setMargin(10)
    mainLayout.setSpacing(6)

    label1=QLabel("形状:")
    label2=QLabel("画笔线宽:")
    label3=QLabel("画笔颜色:")
    label4=QLabel("画笔风格:")
    label5=QLabel("画笔顶端:")
    label6=QLabel("画笔连接点:")
    label7=QLabel("画刷风格:")
    label8=QLabel("画刷颜色:")
  
    self.shapeComboBox = QComboBox()
    self.shapeComboBox.addItem("Line", "Line")
    self.shapeComboBox.addItem("Rectangle", "Rectangle")
    self.shapeComboBox.addItem('Rounded Rectangle','Rounded Rectangle')
    self.shapeComboBox.addItem('Ellipse','Ellipse')
    self.shapeComboBox.addItem('Pie','Pie')
    self.shapeComboBox.addItem('Chord','Chord')
    self.shapeComboBox.addItem('Path','Path')
    self.shapeComboBox.addItem('Polygon','Polygon')
    self.shapeComboBox.addItem('Polyline','Polyline')
    self.shapeComboBox.addItem('Arc','Arc')
    self.shapeComboBox.addItem('Points','Points')
    self.shapeComboBox.addItem('Text','Text')
    self.shapeComboBox.addItem('Pixmap','Pixmap')
    
    self.widthSpinBox = QSpinBox()
    self.widthSpinBox.setRange(0,20)
    
    self.penColorFrame = QFrame()
    self.penColorFrame.setAutoFillBackground(True)
    self.penColorFrame.setPalette(QPalette(Qt.blue))
    self.penColorPushButton = QPushButton("更改")
    
    self.penStyleComboBox = QComboBox()
    self.penStyleComboBox.addItem("Solid",Qt.SolidLine)
    self.penStyleComboBox.addItem('Dash', Qt.DashLine)
    self.penStyleComboBox.addItem('Dot', Qt.DotLine)
    self.penStyleComboBox.addItem('Dash Dot', Qt.DashDotLine)
    self.penStyleComboBox.addItem('Dash Dot Dot', Qt.DashDotDotLine)
    self.penStyleComboBox.addItem('None', Qt.NoPen)
    
    self.penCapComboBox = QComboBox()
    self.penCapComboBox.addItem("Flat",Qt.FlatCap)
    self.penCapComboBox.addItem('Square', Qt.SquareCap)
    self.penCapComboBox.addItem('Round', Qt.RoundCap)
    
    self.penJoinComboBox = QComboBox()
    self.penJoinComboBox.addItem("Miter",Qt.MiterJoin)
    self.penJoinComboBox.addItem('Bebel', Qt.BevelJoin)
    self.penJoinComboBox.addItem('Round', Qt.RoundJoin)
    
    self.brushStyleComboBox = QComboBox()
    self.brushStyleComboBox.addItem("Linear Gradient",Qt.LinearGradientPattern)
    self.brushStyleComboBox.addItem('Radial Gradient', Qt.RadialGradientPattern)
    self.brushStyleComboBox.addItem('Conical Gradient', Qt.ConicalGradientPattern)
    self.brushStyleComboBox.addItem('Texture', Qt.TexturePattern)
    self.brushStyleComboBox.addItem('Solid', Qt.SolidPattern)
    self.brushStyleComboBox.addItem('Horizontal', Qt.HorPattern)
    self.brushStyleComboBox.addItem('Vertical', Qt.VerPattern)
    self.brushStyleComboBox.addItem('Cross', Qt.CrossPattern)
    self.brushStyleComboBox.addItem('Backward Diagonal', Qt.BDiagPattern)
    self.brushStyleComboBox.addItem('Forward Diagonal', Qt.FDiagPattern)
    self.brushStyleComboBox.addItem('Diagonal Cross', Qt.DiagCrossPattern)
    self.brushStyleComboBox.addItem('Dense 1', Qt.Dense1Pattern)
    self.brushStyleComboBox.addItem('Dense 2', Qt.Dense2Pattern)
    self.brushStyleComboBox.addItem('Dense 3', Qt.Dense3Pattern)
    self.brushStyleComboBox.addItem('Dense 4', Qt.Dense4Pattern)
    self.brushStyleComboBox.addItem('Dense 5', Qt.Dense5Pattern)
    self.brushStyleComboBox.addItem('Dense 6', Qt.Dense6Pattern)
    self.brushStyleComboBox.addItem('Dense 7', Qt.Dense7Pattern)
    self.brushStyleComboBox.addItem('None', Qt.NoBrush)
    
    self.brushColorFrame = QFrame()
    self.brushColorFrame.setAutoFillBackground(True)
    self.brushColorFrame.setPalette(QPalette(Qt.green))
    self.brushColorPushButton = QPushButton("更改")
                               
    labelCol=0
    contentCol=1
    
    #建立布局
    mainLayout.addWidget(label1,1,labelCol)
    mainLayout.addWidget(self.shapeComboBox,1,contentCol)
    mainLayout.addWidget(label2,2,labelCol)
    mainLayout.addWidget(self.widthSpinBox,2,contentCol)
    mainLayout.addWidget(label3,4,labelCol)
    mainLayout.addWidget(self.penColorFrame,4,contentCol)
    mainLayout.addWidget(self.penColorPushButton,4,3)
    mainLayout.addWidget(label4,6,labelCol)
    mainLayout.addWidget(self.penStyleComboBox,6,contentCol)
    mainLayout.addWidget(label5,8,labelCol)
    mainLayout.addWidget(self.penCapComboBox,8,contentCol)
    mainLayout.addWidget(label6,10,labelCol)
    mainLayout.addWidget(self.penJoinComboBox,10,contentCol)
    mainLayout.addWidget(label7,12,labelCol)
    mainLayout.addWidget(self.brushStyleComboBox,12,contentCol)
    mainLayout.addWidget(label8,14,labelCol)
    mainLayout.addWidget(self.brushColorFrame,14,contentCol)
    mainLayout.addWidget(self.brushColorPushButton,14,3)
    mainSplitter1 = QSplitter(Qt.Horizontal)
    mainSplitter1.setOpaqueResize(True)
    
    stack1 = QStackedWidget()
    stack1.setFrameStyle(QFrame.Panel|QFrame.Raised)
    self.area = PaintArea()
    stack1.addWidget(self.area)    
    frame1 = QFrame(mainSplitter1)
    mainLayout1 = QVBoxLayout(frame1)
    #mainLayout1.setMargin(10)
    mainLayout1.setSpacing(6)
    mainLayout1.addWidget(stack1)

    layout = QGridLayout(self)
    layout.addWidget(mainSplitter1,0,0)
    layout.addWidget(mainSplitter,0,1)
    self.setLayout(layout)
    
    #信号和槽函数
    self.shapeComboBox.activated.connect(self.slotShape)
    self.widthSpinBox.valueChanged.connect(self.slotPenWidth)
    self.penColorPushButton.clicked.connect(self.slotPenColor)
    self.penStyleComboBox.activated.connect(self.slotPenStyle)
    self.penCapComboBox.activated.connect(self.slotPenCap)
    self.penJoinComboBox.activated.connect(self.slotPenJoin)
    self.brushStyleComboBox.activated.connect(self.slotBrush)
    self.brushColorPushButton.clicked.connect(self.slotBrushColor)
    
    self.slotShape(self.shapeComboBox.currentIndex())
    self.slotPenWidth(self.widthSpinBox.value())
    self.slotBrush(self.brushStyleComboBox.currentIndex())    
    
  def slotShape(self,value):
    shape = self.area.Shape[value]
    self.area.setShape(shape)
  
  def slotPenWidth(self,value):
    color = self.penColorFrame.palette().color(QPalette.Window)
    style = Qt.PenStyle(self.penStyleComboBox.itemData(self.penStyleComboBox.currentIndex(),Qt.UserRole))
    cap = Qt.PenCapStyle(self.penCapComboBox.itemData(self.penCapComboBox.currentIndex(),Qt.UserRole))
    join = Qt.PenJoinStyle(self.penJoinComboBox.itemData(self.penJoinComboBox.currentIndex(),Qt.UserRole))
    self.area.setPen(QPen(color,value,style,cap,join))
  
  def slotPenStyle(self,value):
    self.slotPenWidth(value)
  
  def slotPenCap(self,value):
    self.slotPenWidth(value)
  
  def slotPenJoin(self,value):
    self.slotPenWidth(value)
  
  def slotPenColor(self):
    color = QColorDialog.getColor(Qt.blue)
    self.penColorFrame.setPalette(QPalette(color))
    self.area.setPen(QPen(color))
    
  def slotBrushColor(self):
    color = QColorDialog.getColor(Qt.blue)
    self.brushColorFrame.setPalette(QPalette(color))
    self.slotBrush(self.brushStyleComboBox.currentIndex())
  
  def slotBrush(self,value):
    color = self.brushColorFrame.palette().color(QPalette.Window)
    style = Qt.BrushStyle(self.brushStyleComboBox.itemData(value,Qt.UserRole))
    
    if(style == Qt.LinearGradientPattern):
      linearGradient = QLinearGradient(0,0,400,400)
      linearGradient.setColorAt(0.0,Qt.white)
      linearGradient.setColorAt(0.2,color)
      linearGradient.setColorAt(1.0,Qt.black)
      self.area.setBrush(linearGradient)
    elif style ==Qt.RadialGradientPattern:
      radialGradient = QRadialGradient(200, 200, 80, 70, 70);
      radialGradient.setColorAt(0.0, Qt.white)
      radialGradient.setColorAt(0.2, Qt.green)
      radialGradient.setColorAt(1.0, Qt.black)
      self.area.setBrush(radialGradient)
    elif(style == Qt.ConicalGradientPattern):
      conicalGradient = QConicalGradient(200,200,30)
      conicalGradient.setColorAt(0.0,Qt.white)
      conicalGradient.setColorAt(0.2,color)
      conicalGradient.setColorAt(1.0,Qt.black)
      self.area.setBrush(conicalGradient)
    elif(style == Qt.TexturePattern):
      self.area.setBrush(QBrush(QPixmap("images/brick.png")))
    else:
      self.area.setBrush(QBrush(color,style))
    
  
class PaintArea(QWidget):
  def __init__(self):
    super(PaintArea,self).__init__()
    self.Shape = ["Line","Rectangle", 'Rounded Rectangle', "Ellipse", "Pie", 'Chord', 
  "Path","Polygon", "Polyline", "Arc", "Points", "Text", "Pixmap"]
    self.setPalette(QPalette(Qt.white))
    self.setAutoFillBackground(True)
    self.setMinimumSize(400,400)
    self.pen = QPen()
    self.brush = QBrush()    
  
  def setShape(self,s):
    self.shape = s
    self.update()
    
  def setPen(self,p):
    self.pen = p
    self.update()
  
  def setBrush(self,b):
    self.brush = b
    self.update()
  
  def paintEvent(self,QPaintEvent):
    p = QPainter(self)
    p.setPen(self.pen)
    p.setBrush(self.brush)
    
    rect = QRect(50,100,300,200) 
    points = [QPoint(150,100),QPoint(300,150),QPoint(350,250),QPoint(100,300)]
    startAngle = 30 * 16
    spanAngle = 120 * 16
    
    path = QPainterPath();
    path.addRect(150,150,100,100)
    path.moveTo(100,100)
    path.cubicTo(300,100,200,200,300,300)
    path.cubicTo(100,300,200,200,100,100)
    
    if self.shape == "Line":
      p.drawLine(rect.topLeft(),rect.bottomRight())
    elif self.shape == "Rectangle":
      p.drawRect(rect)
    elif self.shape == 'Rounded Rectangle':
      p.drawRoundedRect(rect, 25, 25, Qt.RelativeSize)
    elif self.shape == "Ellipse":
      p.drawEllipse(rect)
    elif self.shape == "Polygon":
      p.drawPolygon(QPolygon(points),Qt.WindingFill)
    elif self.shape == "Polyline":
      p.drawPolyline(QPolygon(points))
    elif self.shape == "Points":
      p.drawPoints(QPolygon(points))
    elif self.shape == "Pie":
      p.drawPie(rect, startAngle, spanAngle)
    elif self.shape == "Arc":
      p.drawArc(rect,startAngle,spanAngle)
    elif self.shape == "Chord":
      p.drawChord(rect, startAngle, spanAngle)
    elif self.shape == "Path":
      p.drawPath(path)
    elif self.shape == "Text":
      p.drawText(rect,Qt.AlignCenter,"Hello Qt!")
    elif self.shape == "Pixmap":
      p.drawPixmap(150,150,QPixmap("images/qt-logo.png"))
    
if __name__=='__main__':
  app = QApplication(sys.argv)
  form = StockDialog()
  form.show()
  app.exec_()

以上这篇PyQt5利用QPainter绘制各种图形的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python+Django在windows下的开发环境配置图解
Nov 11 Python
介绍Python的Urllib库的一些高级用法
Apr 30 Python
python实现中文分词FMM算法实例
Jul 10 Python
详解Django框架中的视图级缓存
Jul 23 Python
Python判断文本中消息重复次数的方法
Apr 27 Python
Python爬取附近餐馆信息代码示例
Dec 09 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
Dec 14 Python
python中set()函数简介及实例解析
Jan 09 Python
详解python-图像处理(映射变换)
Mar 22 Python
python自动生成model文件过程详解
Nov 02 Python
python进行参数传递的方法
May 12 Python
为什么说python更适合树莓派编程
Jul 20 Python
python连接数据库的方法
Oct 19 #Python
Python3使用PyQt5制作简单的画板/手写板实例
Oct 19 #Python
python里使用正则的findall函数的实例详解
Oct 19 #Python
详解python里使用正则表达式的全匹配功能
Oct 19 #Python
python中logging库的使用总结
Oct 18 #Python
R vs. Python 数据分析中谁与争锋?
Oct 18 #Python
Ubuntu安装Jupyter Notebook教程
Oct 18 #Python
You might like
PHP 文件类型判断代码
2009/03/13 PHP
php读取txt文件组成SQL并插入数据库的代码(原创自Zjmainstay)
2012/07/31 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
AngularJS自定义指令实现面包屑功能完整实例
2017/05/17 Javascript
vue 移动端记录页面浏览位置的方法
2020/03/11 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
python 实现自动远程登陆scp文件实例代码
2017/03/13 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
python高阶爬虫实战分析
2018/07/29 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
Python 调用 ES、Solr、Phoenix的示例代码
2020/11/23 Python
matplotlib绘制鼠标的十字光标的实现(自定义方式,官方实例)
2021/01/10 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
幼儿园门卫制度
2014/01/29 职场文书
《大海那边》教学反思
2014/04/09 职场文书
校园安全主题班会
2015/08/12 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
CSS 一行代码实现头像与国旗的融合
2021/10/24 HTML / CSS