PyQt6中如何绘制移动物体的扇形视角区域？

问题分析 #

你当前代码中绘制扇形时得到完整圆形，原因是QPainterPath的arcTo方法仅添加圆弧路径，但未形成闭合的扇形区域。路径未从圆弧终点连接回圆心，导致填充时自动闭合为完整圆形。

解决步骤 #

1. 正确构建扇形路径：从圆心出发，绘制圆弧后闭合路径，形成扇形区域。
2. 添加物体移动功能：通过鼠标事件控制物体位置，更新绘制坐标。

修改后的完整代码 #

from PyQt6.QtWidgets import *
from PyQt6.QtCore import *
from PyQt6.QtGui import *
import sys

class Window(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("test 5")
        self.setStyleSheet("background-color:rgb(20, 20, 20);font-size:20px;")
        self.setGeometry(0, 0, 600, 600)
        # 物体初始位置
        self.obj_pos = QPoint(300, 300)
        # 记录鼠标拖动状态
        self.dragging = False
        self.last_mouse_pos = QPoint()

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setRenderHint(QPainter.RenderHint.Antialiasing)  # 抗锯齿，让图形更平滑
        
        # 绘制物体
        painter.setPen(QPen(QColor(30, 130, 30), 0, Qt.PenStyle.SolidLine))
        painter.setBrush(QBrush(QColor(0, 100, 0), Qt.BrushStyle.SolidPattern))
        # 平移到物体位置
        painter.save()
        painter.translate(self.obj_pos)
        painter.rotate(-90)
        path = QPainterPath()
        path.moveTo(-20, 0)
        path.lineTo(-30, 15)
        path.lineTo(20, 0)
        path.lineTo(-30, -15)
        path.closeSubpath()
        painter.drawPath(path)
        painter.restore()
        
        # 绘制扇形视角
        painter.setPen(QPen(QColor(130, 30, 30), 0, Qt.PenStyle.SolidLine))
        painter.setBrush(QBrush(QColor(100, 0, 0, 100), Qt.BrushStyle.SolidPattern))
        painter.save()
        painter.translate(self.obj_pos)
        path = QPainterPath()
        path.moveTo(0, 0)  # 从圆心开始
        # arcTo参数：矩形(x,y,w,h)，起始角度（1/16度），角度跨度（1/16度）
        # 矩形对应圆心(0,0)、半径100的圆，起始角度-45度，跨度180度形成扇形
        path.arcTo(-100, -100, 200, 200, -45 * 16, 180 * 16)
        path.closeSubpath()  # 闭合路径，回到圆心
        painter.drawPath(path)
        painter.restore()

    def mousePressEvent(self, event):
        if event.button() == Qt.MouseButton.LeftButton:
            # 检查点击是否在物体范围内
            test_path = QPainterPath()
            test_path.moveTo(-20, 0)
            test_path.lineTo(-30, 15)
            test_path.lineTo(20, 0)
            test_path.lineTo(-30, -15)
            test_path.closeSubpath()
            # 将鼠标点击点转换到物体坐标系
            local_pos = event.pos() - self.obj_pos
            local_pos = QPoint(local_pos.x(), -local_pos.y())
            if test_path.contains(local_pos):
                self.dragging = True
                self.last_mouse_pos = event.pos()

    def mouseMoveEvent(self, event):
        if self.dragging:
            delta = event.pos() - self.last_mouse_pos
            self.obj_pos += delta
            self.last_mouse_pos = event.pos()
            self.update()  # 触发重绘

    def mouseReleaseEvent(self, event):
        if event.button() == Qt.MouseButton.LeftButton:
            self.dragging = False

if __name__ == "__main__":
    App = QApplication(sys.argv)
    window = Window()
    window.show()
    try:
        sys.exit(App.exec())
    except SystemExit:
        print("closing window ...")

关键修改说明 #

• 扇形绘制：通过path.moveTo(0,0)从圆心开始，调用arcTo绘制圆弧后，用closeSubpath()闭合路径，确保形成扇形区域而非完整圆形。
• 物体移动：添加鼠标事件处理，实现左键拖动物体功能，通过self.obj_pos记录物体位置，在paintEvent中基于该位置平移坐标系绘制物体和扇形。
• 抗锯齿：添加painter.setRenderHint(QPainter.RenderHint.Antialiasing)让图形边缘更平滑。

内容的提问来源于stack exchange，提问作者DSA5252