百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

11.1 PyQt5绘图-QPainter pyqt5 画布

itomcoil 2024-12-15 13:57 45 浏览

1.QPainter简介

PyQt5中QPainter提供了绘制图形的基本功能,用于绘制各种图形。QPainter通常在重写的 paintEvent 方法中使用。

2.QPainter使用过程

要使用 QPainter 进行绘图,需要遵循以下步骤:

  1. 开始绘图:
  2. 创建一个 QPainter 对象,并开始在绘图设备上绘图。
  3. 使用 begin 方法开启绘图过程。
  4. 绘图操作:
  5. 使用 QPainter 的绘图方法(如 drawLine, drawRect, drawText 等)进行绘图。
  6. 结束绘图:
  7. 结束绘图后,需要调用 end 方法来完成绘图过程。

3.QPainter案例

import sys
from PyQt5.QtWidgets import QApplication, QWidget
from PyQt5.QtGui import QPainter, QPixmap, QBrush, QPen, QImage
from PyQt5.QtCore import Qt, QPoint, QRect


class QPainterDemo(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        self.setWindowTitle('QPainter演示')
        self.resize(600, 600)

    def paintEvent(self, event):
        painter = QPainter()
        painter.begin(self)
        self.draw_shapes(painter)
        painter.end()

    def draw_shapes(self, painter):
        # 设置画笔颜色
        pen = QPen(Qt.blue, 2, Qt.SolidLine)
        painter.setPen(pen)

        # 设置填充颜色
        brush = QBrush(Qt.red, Qt.Dense4Pattern)
        painter.setBrush(brush)

        # 绘制矩形
        rect = QRect(10, 15, 90, 60)
        painter.drawRect(rect)

        # 绘制椭圆
        painter.drawEllipse(130, 15, 90, 60)

        # 绘制带弦的图形
        painter.drawChord(0, 110, 100, 100, 0, 180 * 16)

        # 绘制扇形
        painter.drawPie(0, 220, 100, 100, 0, 90 * 16)

        # 绘制弧
        painter.drawArc(150, 100, 100, 100, 0, 45 * 16)

        # 绘制直线
        painter.drawLine(300, 100, 500, 200)

        # 绘制文本
        painter.drawText(200, 220, "Hello, PyQt!")

        # 绘制多边形
        points = [
            (20, 280), (120, 280), (60, 380),
            (200, 280), (300, 280), (240, 380)
        ]
        polygon = [QPoint(x, y) for x, y in points]
        painter.drawPolygon(polygon)

        # 绘制图像
        img = QImage('../icon-1.png')
        # img.save('xxx')   # 保存图片
        # 定义绘图区域,缩小到1/4
        rect = QRect(10, 400, int(img.width() / 4), int(img.height() / 4))
        painter.drawImage(rect, img)

        # 绘制位图
        pixmap = QPixmap('../icon-1.png')
        rect = QRect(300, 400, 300, 300)
        painter.drawPixmap(rect, pixmap)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    w = QPainterDemo()
    w.show()
    sys.exit(app.exec_())

4.运行结果

5.常用方

方法

描述

setPen(QPen pen)

设置绘图时使用的画笔样式

QPen(brush: QColor, width: int, style: Qt.PenStyle, cap: Qt.PenCapStyle, join: Qt.PenJoinStyle)

内置类,用于定义线条的颜色、宽度和样式。参考【QPen可用样式】

setBrush(QBrush brush)

设置绘图时使用的填充样式

QBrush()

类用于定义填充的颜色和样式

setFont(QFont font)

设置字体

font()

返回当前使用的字体

begin(QWidget *device)

开始在一个设备上绘图

end()

结束绘图

drawRect(QtCore.QRect) drawRect(x: int, y: int, w: int, h: int)

绘制矩形

drawLine(x1: int, y1: int, x2: int, y2: int) drawLine(p1: QPoint, p2: QPoint)

绘制直线

drawEllipse(x: int, y: int, w: int, h: int) drawRect(QtCore.QRect)

绘制椭圆

drawArc(x: int, y: int, w: int, h: int, a: int, alen: int) drawArc(r: QRect, a: int, alen: int)

绘制弧线,参数a:起始位置,alen:结束位置 解释:单位alen,1个alen等于1/16度, 绘制45度弧,为45 * 16

drawPie(rect: QRect, a: int, alen: int) drawPie(x: int, y: int, w: int, h: int, a: int, alen: int)

绘制扇形,参数a:起始位置,alen:结束位置 解释:单位alen,1个alen等于1/16度, 绘制45度弧,为45 * 16

drawPolygon(points: list[QPoint])

绘制多边形

drawChord(rect: QRect, a: int, alen: int) drawChord(x: int, y: int, w: int, h: int, a: int, alen: int)

绘制带弦的图形,参数a:起始位置,alen:结束位置 解释:单位alen,1个alen等于1/16度, 绘制45度弧,为45 * 16

drawImage(r: QRect, image: QImage)

绘制图像

drawText(x: int, y: int, s: Optional[str])

绘制文本

drawPixmap(r: QRect, pm: QPixmap) drawPixmap(x: int, y: int, w: int, h: int, pm: QPixmap)

绘制位图

  • QPen方法可用样式
  1. 样式 (Qt.PenStyle):
  2. Qt.NoPen: 不绘制任何线条。
  3. Qt.SolidLine: 实线(默认)。
  4. Qt.DashLine: 虚线。
  5. Qt.DotLine: 点线。
  6. Qt.DashDotLine: 间隔虚线。
  7. Qt.DashDotDotLine: 两点间隔虚线。
  8. Qt.CustomDashLine: 自定义虚线模式,需要通过 setDashPattern()setDashOffset() 方法来设置。
  9. 笔帽样式 (Qt.PenCapStyle):
  10. Qt.FlatCap: 平头。
  11. Qt.SquareCap: 方头。
  12. Qt.RoundCap: 圆头(默认)。
  13. 连接样式 (Qt.PenJoinStyle):
  14. Qt.MiterJoin: 尖锐连接(默认)。
  15. Qt.BevelJoin: 斜接连接。
  16. Qt.RoundJoin: 圆滑连接。

相关推荐

《Queendom》宣布冠军!女团MAMAMOO四人激动落泪

网易娱乐11月1日报道据台湾媒体报道,南韩女团竞争回归的生死斗《Queendom》昨(10/31)晚播出大决赛,并以直播方式进行,6组女团、女歌手皆演唱新歌,并加总前三轮的赛前赛、音源成绩与直播现场投...

正确复制、重写别人的代码,不算抄袭

我最近在一篇文章提到,工程师应该怎样避免使用大量的库、包以及其他依赖关系。我建议的另一种方案是,如果你没有达到重用第三方代码的阈值时,那么你就可以自己编写代码。在本文中,我将讨论一个在重用和从头开始编...

HTML DOM tr 对象_html event对象

tr对象tr对象代表了HTML表格的行。HTML文档中出现一个<tr>标签,就会创建一个tr对象。tr对象集合W3C:W3C标签。集合描述W3Ccells返回...

JS 打造动态表格_js如何动态改变表格内容

后台列表页最常见的需求:点击表头排序+一键全选。本文用原生js代码实现零依赖方案,涵盖DOM查询、排序算法、事件代理三大核心技能。效果速览一、核心思路事件入口:为每个<th>绑...

连肝7个晚上,总结了66条计算机网络的知识点

作者|哪吒来源|程序员小灰(ID:chengxuyuanxiaohui)计算机网络知识是面试常考的内容,在实际工作中经常涉及。最近,我总结了66条计算机网络相关的知识点。1、比较http0....

Vue 中 强制组件重新渲染的正确方法

作者:MichaelThiessen译者:前端小智来源:hackernoon有时候,依赖Vue响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的...

为什么100个前端只有1人能说清?浏览器重排/重绘深度解析

面试现场的"致命拷问""你的项目里做过哪些性能优化?能具体讲讲重排和重绘的区别吗?"作为面试官,我在秋招季连续面试过100多位前端候选人,这句提问几乎成了必考题。但令...

HTML DOM 介绍_dom4j html

HTMLDOM(文档对象模型)是一种基于文档的编程接口,它是HTML和XML文档的编程接口。它可以让开发人员通过JavaScript或其他脚本语言来访问和操作HTML和XML文档...

JavaScript 事件——“事件流和事件处理程序”的注意要点

事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,而NetscapeCommunicator的事件流是事件捕获流。事件冒泡即事件开始时由最具体的元素接收,然后逐级向上传播到较为不...

探秘 Web 水印技术_水印制作网页

作者:fransli,腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印)...

国外顶流网红为流量拍摄性侵女学生?仅被封杀三月,回归仍爆火

曾经的油管之王,顶流网红DavidDobrik复出了。一切似乎都跟他因和成员灌酒性侵女学生被骂到退网之前一样:住在950万美元的豪宅,开着20万美元的阿斯顿马丁,每条视频都有数百万观看...人们仿佛...

JavaScript 内存泄漏排查方法_js内存泄漏及解决方法

一、概述本文主要介绍了如何通过Devtools的Memory内存工具排查JavaScript内存泄漏问题。先介绍了一些相关概念,说明了Memory内存工具的使用方式,然后介绍了堆快照的...

外贸独立站,网站优化的具体内容_外贸独立站,网站优化的具体内容有哪些

Wordpress网站优化,是通过优化代码、数据库、缓存、CSS/JS等内容,提升网站加载速度、交互性和稳定性。网站加载速度,是Google搜索引擎的第一权重,也是SEO优化的前提。1.优化渲染阻塞。...

这8个CSS工具可以提升编程速度_css用什么编译器

下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。1...

vue的理解-vue源码 历史 简介 核心特性 和jquery区别 和 react对比

一、从历史说起Web是WorldWideWeb的简称,中文译为万维网我们可以将它规划成如下的几个时代来进行理解石器时代文明时代工业革命时代百花齐放时代石器时代石器时代指的就是我们的静态网页,可以欣...