PyQT画箭头

本文介绍了如何在Qt图形界面中,通过计算箭头的三个点位置,使用`paintPolygon()`方法在Scene中绘制带有箭头的直线,以表示前后关系。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

各位应该都会在scene中画直线,但部分需求场景下,两个item之间需要使用带箭头的直线来进行连接,表明前后关系。核心就是计算出箭头的三个点的位置,并使用painter.drawPolygon()来进行绘制。

效果图:
在这里插入图片描述

源码:

# 类中的属性
# 为连线添加箭头
   self._mark_pen = QPen(Qt.black)
   self._mark_pen.setWidthF(self.width)
   self._mark_brush = QBrush()
   self._mark_brush.setColor(Qt.black)
   self._mark_brush.setStyle(Qt.SolidPattern)
   self.width = 3.0  # 线条的宽度
   self.pos_src = [0, 0]  # 线条起始位置 x,y坐标
   self.pos_dst = [0, 0]  # 线条结束位置
   
# override
def paint(self, painter, widget=None):
	self.setPath(self.calcPath())  # 设置路径
    path = self.path()
    x1, y1 = self.pos_src
    x2, y2 = self.pos_dst
    length = 30  # 圆点距离终点图元的距离
    k = math.atan2(y2 - y1, x2 - x1)  # theta
    new_x = x2 - length * math.cos(k)  # 减去线条自身的宽度
    new_y = y2 - length * math.sin(k)
    new_x1 = new_x - 20 * math.cos(k - np.pi / 6)
    new_y1 = new_y - 20 * math.sin(k - np.pi / 6)
    new_x2 = new_x - 20 * math.cos(k + np.pi / 6)
    new_y2 = new_y - 20 * math.sin(k + np.pi / 6)
    # 先画最终路径
    painter.setPen(self._pen)
    painter.drawPath(path)
    # 再画圆点
    painter.setPen(self._mark_pen)
    painter.setBrush(self._mark_brush)
    point1 = QPoint(new_x, new_y)
    point2 = QPoint(new_x1, new_y1)
    point3 = QPoint(new_x2, new_y2)
    painter.drawPolygon(point1, point2, point3)
PyQt5 中为 `QComboBox` 的下拉箭头实现动效果,可以通过自定义控件并结合 `QPropertyAnimation` 来实现。具体方法包括继承 `QComboBox` 并重写绘制事件以控制箭头的外观,同时利用动属性来动态改变箭头的状态(如旋转角度或颜色变化)。 ### 实现思路 1. **自定义 QComboBox 控件** 创建一个新的类继承自 `QComboBox`,并在其中添加用于动的属性,例如旋转角度或透明度等。通过重写 `paintEvent()` 方法,在绘制时使用这些属性对箭头进行渲染。 2. **动逻辑控制** 使用 `QPropertyAnimation` 对象来驱动动的变化,例如当用户点击下拉框时触发箭头的旋转动。可以结合 `QEasingCurve` 调整动曲线,使其更自然。 3. **示例代码** 以下是一个实现下拉箭头旋转动的完整示例: ```python from PyQt5.QtWidgets import QApplication, QComboBox, QWidget, QVBoxLayout from PyQt5.QtGui import QPainter, QColor, QFont, QPen, QLinearGradient from PyQt5.QtCore import Qt, QPropertyAnimation, pyqtProperty class AnimatedComboBox(QComboBox): def __init__(self, *args, **kwargs): super(AnimatedComboBox, self).__init__(*args, **kwargs) self._angle = 0 # 箭头旋转角度 self.animation = QPropertyAnimation(self, b"angle", self) self.animation.setDuration(200) # 动持续时间 self.animation.setEasingCurve(Qt.OutCubic) def showPopup(self): self.animation.setStartValue(self._angle) self.animation.setEndValue(180) self.animation.start() super(AnimatedComboBox, self).showPopup() def hidePopup(self): self.animation.setStartValue(self._angle) self.animation.setEndValue(0) self.animation.start() super(AnimatedComboBox, self).hidePopup() @pyqtProperty(int) def angle(self): return self._angle @angle.setter def angle(self, value): self._angle = value self.update() # 触发重绘 def paintEvent(self, event): super(AnimatedComboBox, self).paintEvent(event) painter = QPainter(self) painter.setRenderHint(QPainter.Antialiasing) painter.setPen(QColor(128, 128, 128)) # 绘制旋转后的箭头 center = self.rect().adjusted(-20, 0, 0, 0).center() painter.translate(center) painter.rotate(self._angle) points = [ (-4, -2), (0, 2), (4, -2), ] painter.drawPolyline(*[Qt.QPointF(x, y) for x, y in points]) painter.restore() # 主窗口测试 class MainWindow(QWidget): def __init__(self): super().__init__() layout = QVBoxLayout(self) combo = AnimatedComboBox() combo.addItems(["选项1", "选项2", "选项3"]) layout.addWidget(combo) self.setLayout(layout) if __name__ == "__main__": app = QApplication([]) window = MainWindow() window.show() app.exec_() ``` ### 效果说明 - 当用户点击下拉框展开菜单时,箭头会从 0° 顺时针旋转到 180°。 - 当菜单收起时,箭头又会从 180° 回到 0°,形成一个平滑的旋转动。 - 使用 `QPropertyAnimation` 可以轻松地将动集成进界面逻辑中,而通过 `paintEvent()` 自定义绘制则提供了高度的灵活性。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值