QGraphicsView 实现绘图标尺和刻度线特效

最新推荐文章于 2024-08-20 00:02:02 发布
最新推荐文章于 2024-08-20 00:02:02 发布
阅读量1.3k 收藏 23
点赞数 26
分类专栏： QT专栏 文章标签： qt QGraphicsView 标尺 刻度线
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35554617/article/details/139057384
版权

目录标题

导读

在学习SVG的动画特效的时候，发现一个开源项目QtSVGEditor ，这个项目实现了SVG文件的修改保存，学习的时候发现这个项目里面的标尺特效写的很不错，很适合在QGraphicsView 控件中使用，所以学习借鉴后写了一个QGraphicsView版的标尺效果。
实际代码思路基本上是照抄的QtSVGEditor的，造轮子是不可能的，这辈子都不可能的 。主要是修改和添加了QGraphicsView与QGraphicsScene之间的坐标转换。

实现效果

请添加图片描述
原理上基本就是重写
void paintEvent(QPaintEvent *event) override;事件，将标尺和刻度线通过QPainter绘制到 viewport(); 上
需要注意的是:
必须先绘制场景QGraphicsView::paintEvent(event) 内容，
再绘制标尺刻度线，要不然会被QGraphicsScene 场景内容直接覆盖掉，这也导致了刻度线会直接显示在QGraphicsItem 图元上方。因为QGraphicsItem 图元的绘制是在QGraphicsView 视窗中实现的，
如果需要 QGraphicsItem 图元位于上方，就得重新实现QGraphicsView::paintEvent原来的绘制。

具体实现

绘制上标尺（横向）

在这里插入图片描述

整体思路是：
计算QGraphicsView视窗控件宽度在QGraphicsScene场景的坐标，在计算一个缩放比例和标尺步长，然后再从0向右递增，从0向左递减的计算场景坐标，再换算成视窗坐标。

void TGraphicsViewRefactor::DrawHorizonRuler(QPainter &painter)
{
    QPoint lefttop= QPoint(0,0);
    QPoint rigthtop=QPoint(this->width(),0);

    //! 转换成 QGraphicsScene 坐标
    QPointF scene_lefttop=mapToScene(lefttop);
    QPointF scene_rigthtop=mapToScene(rigthtop);

	//! 获取缩放比例
    float fscale = (scene_rigthtop.x() - scene_lefttop.x())*1.0 / this->width();
    //! 获取步长
    int  nDistance = 100;
    nDistance = ((1.0 / fscale * 100) / 10) * 10;
    if (nDistance > 50 && nDistance < 150)
    {
        nDistance = 100;
    }
    if (nDistance >= 150 && nDistance < 200)
    {
        nDistance = 200;
    }
//    float fDistance = nDistance * 1.0*fscale;

    //! 抹除 上边框 20*width 内容
    painter.setPen(Qt::white);
    painter.setBrush(Qt::white);
    QRect rc(0, 0, this->width(), 20);
    painter.drawRect(rc);
    //! 画下边框线  --为了不出现上 左 右 三条边
    painter.setPen(Qt::black);
    painter.setBrush(Qt::white);
    painter.drawLine(QPoint(20,20),QPoint(this->width(),20));


    QPolygon Rightpoints;
    int nIndex = 0;
    for (int i =0; i < scene_rigthtop.x(); i += nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nxPt = i + j * (nDistance / 10);
            QPoint viewpointX=mapFromScene(nxPt,0);
            if (viewpointX.x() < 20) //! 为了左上角的符号
                continue;
            int nyPt = 0;
            if (j == 0)
            {
                nyPt = 0;
            }
            else if (j % 5 == 0)
            {
                nyPt = 10;
            }
            else
            {
                nyPt = 15;
            }
            Rightpoints.push_back(QPoint(viewpointX.x(), 20));
            Rightpoints.push_back(QPoint(viewpointX.x(), nyPt));
            Rightpoints.push_back(QPoint(viewpointX.x(), 20));
        }
        if (i >= 0)
        {
            //! 向右偏两像素 避免被遮挡
            QPoint viewpointX=mapFromScene(i,0);
            painter.setBrush(Qt::black);
            painter.drawText(QPoint(viewpointX.x()+2, 14), QString::number(nIndex*nDistance));
        }
        nIndex++;
    }

    //
    QPolygon Leftpoints;
    nIndex = 0;
    for (int i =0; i > scene_lefttop.x(); i -= nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nxPt = i - j * (nDistance / 10);
            QPoint viewpointX=mapFromScene(nxPt,0);
            if (viewpointX.x() < 20) //! 为了左上角的符号
                continue;
            int nyPt = 0;
            if (j == 0)
            {
                nyPt = 0;
            }
            else if (j % 5 == 0)
            {
                nyPt = 10;
            }
            else
            {
                nyPt = 15;
            }
            Leftpoints.push_front(QPoint(viewpointX.x(), 20));
            Leftpoints.push_front(QPoint(viewpointX.x(), nyPt));
            Leftpoints.push_front(QPoint(viewpointX.x(), 20));
        }
        if (i <= 0)
        {
            QPoint viewpointX=mapFromScene(i,0);
            painter.setBrush(Qt::black);
            //! 向右偏两像素 避免负号被遮挡
            painter.drawText(QPoint(viewpointX.x()+2, 14), QString::number(-nIndex * nDistance));
        }
        nIndex++;
    }

    painter.setPen(Qt::black);
    painter.setBrush(Qt::white);
    painter.drawPolyline(Rightpoints);
    painter.drawPolyline(Leftpoints);

}

绘制左标尺（纵向）

绘制左标尺 与绘制上标尺一样，只是X坐标改为Y坐标
在这里插入图片描述

void TGraphicsViewRefactor::DrawVerticalRuler(QPainter &painter)
{
    QPoint lefttop= QPoint(0,0);
    QPoint leftbtn =QPoint(this->width(),this->height());

    //! 转换成 QGraphicsScene 坐标
    QPointF scene_lefttop=mapToScene(lefttop);
    QPointF scene_leftbtn=mapToScene(leftbtn);


    //! 还是以宽 为标准
    float fscale = (scene_leftbtn.x() - scene_lefttop.x())*1.0 / this->width();

    //! 步长
    int  nDistance = 100;
    nDistance = ((1.0 / fscale * 100) / 10) * 10;
    if (nDistance > 50 && nDistance < 150)
    {
        nDistance = 100;
    }
    if (nDistance >= 150 && nDistance < 200)
    {
        nDistance = 200;
    }

    //! 抹除 左边框 20*height 内容
    painter.setPen(Qt::white);
    painter.setBrush(Qt::white);
    QRect rc(0, 0, 20, this->height());
    painter.drawRect(rc);
    //! 画右边框线  --为了不出现上 左 下 三条边
    painter.setPen(Qt::black);
    painter.setBrush(Qt::white);
    painter.drawLine(QPoint(20,0),QPoint(20,this->height()));

    //! 从 0 往下
    QPolygon Bottompoints;
    int nIndex = 0;
    for (int i = 0; i < scene_leftbtn.y(); i += nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nyPt = i + j * (nDistance / 10);
            QPoint viewpointY=mapFromScene(QPointF(0,nyPt));
            if (viewpointY.y() < 20)
                continue;
            int nxPt = 0;
            if (j == 0)
            {
                nxPt = 0;
            }
            else if (j % 5 == 0)
            {
                nxPt = 10;
            }
            else
            {
                nxPt = 15;
            }
            Bottompoints.push_back(QPoint(20, viewpointY.y()));
            Bottompoints.push_back(QPoint(nxPt, viewpointY.y()));
            Bottompoints.push_back(QPoint(20, viewpointY.y()));
        }
        if (i >= 0)
        {
            QPoint viewpointY=mapFromScene(QPointF(0,i));
            painter.setBrush(Qt::black);
            QMatrix mat;
            mat.translate(2, (viewpointY.y() + 2));
            mat.rotate(90);
            mat.translate(2, -(viewpointY.y() + 2));
            painter.setMatrix(mat);
            painter.drawText(QPoint(2, viewpointY.y() + 2), QString::number(nIndex*nDistance));
            painter.resetMatrix();
        }
        nIndex++;
    }


    //
    //! 从 0 向上
    QPolygon Toppoints;
    nIndex = 0;
    for (int i = 0; i >= scene_lefttop.y(); i -= nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nyPt = i - j * (nDistance / 10);
            QPoint viewpointY=mapFromScene(QPointF(0,nyPt));
            if (viewpointY.y() < 20)
                continue;
            int nxPt = 0;
            if (j == 0)
            {
                nxPt = 0;
            }
            else if (j % 5 == 0)
            {
                nxPt = 10;
            }
            else
            {
                nxPt = 15;
            }

            Toppoints.push_front(QPoint(20, viewpointY.y()));
            Toppoints.push_front(QPoint(nxPt, viewpointY.y()));
            Toppoints.push_front(QPoint(20, viewpointY.y()));
        }
        if (i <= 0)
        {
            QPoint viewpointY=mapFromScene(QPointF(0,i));
            painter.setBrush(Qt::black);
            QMatrix mat;
            mat.translate(2, (viewpointY.y() + 2));
            mat.rotate(90);
            mat.translate(2, -(viewpointY.y() + 2));
            painter.setMatrix(mat);
            painter.drawText(QPoint(2, viewpointY.y() + 2), QString::number(-nIndex * nDistance));
            painter.resetMatrix();
        }
        nIndex++;
    }


    //
    //! 绘制线段
    QPen pen(Qt::black, 1, Qt::SolidLine);
    painter.setPen(pen);
    painter.setBrush(Qt::white);
    painter.drawPolyline(Toppoints);
    painter.drawPolyline(Bottompoints);
}

绘制左上角十字效果

上标尺和左标尺的高度，宽度都为20，所以就是再一个20*20的矩形中画两条横线。
在这里插入图片描述

void TGraphicsViewRefactor::DrawRuleCross(QPainter &painter)
{
    painter.setBrush(QColor(255, 255, 255, 255));
    painter.setPen(Qt::white);
    painter.drawRect(QRect(0, 0, 20, 20));
    painter.setPen(Qt::DashLine);
    painter.drawLine(QPoint(0, 10), QPoint(20, 10));
    painter.drawLine(QPoint(10, 0), QPoint(10, 20));
    painter.setPen(Qt::SolidLine);
    painter.drawLine(QPoint(0, 20), QPoint(20, 20));
    painter.drawLine(QPoint(20, 0), QPoint(20, 20));
}

绘制竖直的刻度线

绘制向下的刻度线，整点交错这种效果是通过修改画笔的透明度实现的，
其他的都没变，包括计算缩放比例和步长，
在这里插入图片描述

void TGraphicsViewRefactor::DrawHorGridLine(QPainter &painter)
{
    QPoint lefttop= QPoint(0,0);
    QPoint righttop =QPoint(this->width(),0);

    //! 转换成 QGraphicsScene 坐标
    QPointF scene_lefttop=mapToScene(lefttop);
    QPointF scene_righttop=mapToScene(righttop);


    //! 还是以宽 为标准
    float fscale = (scene_righttop.x() - scene_lefttop.x())*1.0 / this->width();

    //! 步长
    int  nDistance = 100;
    nDistance = ((1.0 / fscale * 100) / 10) * 10;
    if (nDistance > 50 && nDistance < 150)
    {
        nDistance = 100;
    }
    if (nDistance >= 150 && nDistance < 200)
    {
        nDistance = 200;
    }

    QPolygon BoldPoints;
    QPolygon ThinPoints;

    //! 从 0 -> ∞
    for (int i = 0; i < scene_righttop.x(); i += nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nxPt = i + j * (nDistance / 10);
            QPoint viewpointX=mapFromScene(nxPt,0);
            if (viewpointX.x() < 20)
                continue;
            if (j == 0)
            {
                BoldPoints.push_back(QPoint(viewpointX.x(), 20));
                BoldPoints.push_back(QPoint(viewpointX.x(), this->height()));
                BoldPoints.push_back(QPoint(viewpointX.x(), 20));
            }
            else
            {
                ThinPoints.push_back(QPoint(viewpointX.x(), 20));
                ThinPoints.push_back(QPoint(viewpointX.x(), this->height()));
                ThinPoints.push_back(QPoint(viewpointX.x(), 20));
            }
        }
    }

    //! 从 0 到 负无穷
    for (int i = 0; i >= scene_lefttop.x(); i -= nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nxPt = i - j * (nDistance / 10);
            QPoint viewpointX=mapFromScene(nxPt,0);
            if (viewpointX.x() < 20)
                continue;
            if (j == 0)
            {
                BoldPoints.push_back(QPoint(viewpointX.x(), 20));
                BoldPoints.push_back(QPoint(viewpointX.x(), this->height()));
                BoldPoints.push_back(QPoint(viewpointX.x(), 20));
            }
            else
            {
                ThinPoints.push_back(QPoint(viewpointX.x(), 20));
                ThinPoints.push_back(QPoint(viewpointX.x(), this->height()));
                ThinPoints.push_back(QPoint(viewpointX.x(), 20));
            }
        }
    }

    QPen boldpen(QBrush(QColor(0, 0, 0, 50)), 1);
    painter.setPen(boldpen);
    painter.drawPolyline(BoldPoints);
    QPen thinpen(QBrush(QColor(0, 0, 0, 25)), 1);
    painter.setPen(thinpen);
    painter.drawPolyline(ThinPoints);
}

绘制横线的刻度线

和绘制竖直的刻度线一样，只是坐标替换成了Y轴
在这里插入图片描述

void TGraphicsViewRefactor::DrawVerGridLine(QPainter &painter)
{
    QPoint lefttop= QPoint(0,0);
    QPoint leftbtn =QPoint(this->width(),this->height());

    //! 转换成 QGraphicsScene 坐标
    QPointF scene_lefttop=mapToScene(lefttop);
    QPointF scene_leftbtn=mapToScene(leftbtn);
    //! 还是以宽 为标准
    float fscale = (scene_leftbtn.x() - scene_lefttop.x())*1.0 / this->width();

    //! 步长
    int  nDistance = 100;
    nDistance = ((1.0 / fscale * 100) / 10) * 10;
    if (nDistance > 50 && nDistance < 150)
    {
        nDistance = 100;
    }
    if (nDistance >= 150 && nDistance < 200)
    {
        nDistance = 200;
    }

    QPolygon BoldPoints;
    QPolygon ThinPoints;

    //! 从 0 向下 前进
    for (int i = 0; i < scene_leftbtn.y(); i += nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nyPt = i + j * (nDistance / 10);
            QPoint viewpointY=mapFromScene(0,nyPt);
            if (viewpointY.y() < 20)
                continue;
            if (j == 0)
            {
                BoldPoints.push_back(QPoint(20, viewpointY.y()));
                BoldPoints.push_back(QPoint(this->width(), viewpointY.y()));
                BoldPoints.push_back(QPoint(20, viewpointY.y()));
            }
            else
            {
                ThinPoints.push_back(QPoint(20, viewpointY.y()));
                ThinPoints.push_back(QPoint(this->width(), viewpointY.y()));
                ThinPoints.push_back(QPoint(20, viewpointY.y()));
            }
        }
    }

    //! 从0 向上 移动
    for (int i = 0; i >= scene_lefttop.y(); i -= nDistance)
    {
        for (int j = 0; j < 10; ++j)
        {
            int nyPt = i - j * (nDistance / 10);
            QPoint viewpointY=mapFromScene(0,nyPt);
            if (viewpointY.y() < 20)
                continue;
            if (j == 0)
            {
                BoldPoints.push_back(QPoint(20, viewpointY.y()));
                BoldPoints.push_back(QPoint(this->width(), viewpointY.y()));
                BoldPoints.push_back(QPoint(20, viewpointY.y()));
            }
            else
            {
                ThinPoints.push_back(QPoint(20, viewpointY.y()));
                ThinPoints.push_back(QPoint(this->width(), viewpointY.y()));
                ThinPoints.push_back(QPoint(20, viewpointY.y()));
            }
        }
    }

    QPen boldpen(QBrush(QColor(0, 0, 0, 50)), 1);
    painter.setPen(boldpen);
    painter.drawPolyline(BoldPoints);
    QPen thinpen(QBrush(QColor(0, 0, 0, 25)), 1);
    painter.setPen(thinpen);
    painter.drawPolyline(ThinPoints);
}

重写QGraphicsView::paintEvent 事件

如果有需要可以通过其他属性值来判断是否显示上方和左侧的标尺，刻度线等。
在绘制标尺的时候是清除过上方宽度*20和左侧高度*20的内容的，如果需要标尺透明注释掉绘制就可以了。

void TGraphicsViewRefactor::paintEvent(QPaintEvent *event)
{
//    qDebug()<<"paintEvent ------>";
//    QPainter painter(this->viewport()); // this指向QWidget，也可以是QPixmap等

//    painter.begin(this); // 调用begin()方法
//    DrawHorizonRuler(painter);
//    painter.end();



    //! 先绘制 scene() 再绘制边框 防止覆盖
    //! 绘制QGraphicsItem
    QGraphicsView::paintEvent(event);

    //! 绘制标尺
    QPainter paint(this->viewport());//这行很重要，没有这行的话，绘制出来的东西都会被view里面的其他东西遮住
    //! 每次都重复计算了步长和缩放比例D
    //! 上边 -X轴
    DrawHorizonRuler(paint);
    //! 左侧 -Y轴
    DrawVerticalRuler(paint);
    //! 左上 十符号
    DrawRuleCross(paint);
    //! 竖线
    DrawHorGridLine(paint);
    //! 横线
    DrawVerGridLine(paint);
    //!绘制 面板
    //DrawCanvasRect(paint);
}

示例源码

见文章绑定资源

得鹿梦鱼、
关注
专栏目录
QT QGraphicview 实现游标卡尺
cs821984831的博客
07-30 155
1.按住Ctrl + 滚动支持场景和游标卡尺的自适应缩放。2.支持鼠标移动的实时位置变化。
交互式 QGraphicsView（平移/缩放/旋转）
热门推荐
青春不老，奋斗不止！
12-09 3万+
Graphics View提供了一个平台，用于大量自定义 2D 图元的管理与交互，框架包括一个事件传播架构，支持场景 Scene 中的图元 Item 进行精确的双精度交互功能。
canvas+svg实现标尺网格效果
04-11
使用js+canvas绘图，结合svg图形，实现标尺栏和网格效果。
Qt QGraphicsView 控件实现标尺和刻度先效果
05-20
通过重写QGraphicsView 控件的'void paintEvent(QPaintEvent *event) override'事件实现标尺和刻度线效果，直接绘制在控件上，不使用其他控件
Qt中的QGraphicsView、QGraphicsScene与QGraphicsItem：图形视图框架介绍
最新发布
m0_66847953的博客
08-20 1193
Qt中的QGraphicsView、QGraphicsScene与QGraphicsItem：图形视图框架介绍
QGraphicsScene 绘制刻度图
06-29
Qt5.6+MSVC，QGraphicsScene QGraphicsView 绘制刻度图
QGraphicsView实现局部缩放，平移，并且能进行选中数据
家俊的博客
07-20 1768
前一段时间项目上有个小功能，是加载大批量数据，并且进行绘图显示。以前使用的方法是使用opnegl来进行渲染，效果是有的，但是怎么说呢。总觉得有点大材小用。opengl渲染时，是使用显卡的，不排除有些机器没有显卡。那可能程序就会奔溃。 最新的使用方法是使用graphicview结合paintevent进行绘制图像。 这是绘制图像的代码，通过从文件中读取数据。 qreal scaleFactor = this->matrix().m11(); sence->clear(); QIma
Qt绘图 QGraphicsView
07-06
使用 QGraphicsView、QGraphicsScene、QGraphicsItem进行简单的缩放，移动，旋转
如何在QGraphicsView的边框上制作标尺？
ccf19881030的专栏
03-30 3010
最近使用Qt开发一个Rip的软件工具，类似于SAI软件的作业属性中的截图，如下图所示： 上网查了一些关于QGraphicsView的示例，stackoverflow上面有一篇帖子：How to make a ruler on the border of a QGraphicsView ，示例代码Ruler 参考资料 How to make a ruler on the border of a QGraphicsView Ruler Graphics View Framework Code Editor
Qt基于QGraphicsView 实现四个教具之一直尺(一)
灰猫丫的博客
03-21 1280
前言 Graphics View提供了一个surface,用于管理大量定制的2D图形项并与之交互,还提供了一个View小部件,用于可视化项目,并支持缩放和旋转. 该框架包含一个事件传播框架,该架构允许对场景中的项目提供精确的双精度交互功能.项目可以处理按键事件,鼠标按下,移动,释放和双击事件,还可以跟踪鼠标移动。 Graphics View使用BSP(二进制空间划分)树来提供非常快速的项目发现,因此,它可以实时地可视化大型场景,甚至是数百万个项目. 如何实现教具直尺 需要先设计所有教具的基类 继承基类设计
Qt图形视图框架：视图增加标尺
友善啊，朋友的博客
05-12 4404
效果： 把视图、水平标尺、垂直标尺用网格布局放置。 每当拖动视图的滚动条时，更新标尺的偏移量： connect(deviceGraphicsView->horizontalScrollBar(),&QScrollBar::valueChanged,[this,horizontalRuler] { horizontalRuler->setOffset(deviceGraphicsView->mapToScene(0,0).x());
qgraphicsview
08-10
qgraphicsview封装成表格的形式，根据row 和column 来设置控件的位置
QGraphicsView（平移/缩放/旋转）
10-16
qt5工程，实现类似于图片浏览器功能，QGraphicsView（平移/缩放/旋转）；参考某大神的做法；
基于QGraphicsView实现的画图软件
09-11
画图软件，基于QGraphicsView实现，可画直线，矩形，椭圆，圆角矩形，不规则多边形，曲线等等基本功能，并且可编辑这些图形，代码封装完毕，可简单移植到项目中使用。
QGraphicsView Draw
10-12
基于QT QGraphicsView Framework的绘图软件，可以绘制常见的直线、矩形、圆、椭圆等图形，可以实现图形的交互如碰撞检测、控制手柄拖动缩放、撤销重做等。还有属性树的用法
QGraphicsView架构实现基本图形的绘制
05-07
1：实现了基本的图形：矩形、正方形、圆形、三角形、多线段、曲线的绘制 2：鼠标实时绘制图形。鼠标按下后开始绘制，再次按下后停止绘制。 3：图形的拖拽、删除、撤销操作 4：曲线图形实时绘制。
QT QGraphicsview实现的简单地图
09-02
在本文中，我们将深入探讨如何使用QT库中的QGraphicsView组件来实现一个简单的地图应用。QGraphicsView是QT框架中的一个重要部分，它提供了一个可扩展的2D图形视图，适用于构建各种图形用户界面，包括地图展示。 ...
QGraphicsView以鼠标点实现放大缩小、拖拽
12-22
本篇文章将详细讲解如何利用`QGraphicsView`来实现图像的放大、缩小和拖拽功能，这对于创建具有交互性的图形用户界面（GUI）特别有用。 首先，`QGraphicsView`是`QGraphicsWidget`的子类，它提供了视口，可以展示`...
svg绘制标尺和网格背景
wayhb的专栏
05-17 3804
目录 1，效果图 2，原理 3，代码 网页上绘制背景网格和标尺有多种方法， a），使用css的border-bottom属性绘制，优点是简单，缺点是难以控制尺寸伸缩； b），使用canvas绘制，优点是可以动态控制，缺点是canvas会产生锯齿，不清晰等情况； c），使用svg来绘制，优点是可以动态控制切清晰，缺点是难度稍大，好在使用snap.svg可以很好的简化代码。 1，效果图 2，原理 采用svg插件snap.svg，地址：htt...
qt qgraphicsview实现绘图
01-03
在Qt中，可以使用QGraphicsView来实现绘图功能。下面是一个简单的示例代码： ```python from PyQt5.QtWidgets import QApplication, QGraphicsView, QGraphicsScene, QGraphicsItem from PyQt5.QtCore import Qt, QRectF from PyQt5.QtGui import QPainter, QPen, QBrush class MyGraphicsItem(QGraphicsItem): def __init__(self): super().__init__() self.setFlag(QGraphicsItem.ItemIsMovable, True) self.setFlag(QGraphicsItem.ItemIsSelectable, True) def boundingRect(self): return QRectF(-50, -50, 100, 100) def paint(self, painter, option, widget): painter.setPen(QPen(Qt.black, 2)) painter.setBrush(QBrush(Qt.red)) painter.drawRect(self.boundingRect()) if __name__ == '__main__': app = QApplication([]) view = QGraphicsView() scene = QGraphicsScene() item = MyGraphicsItem() scene.addItem(item) view.setScene(scene) view.show() app.exec_() ``` 这个示例代码创建了一个自定义的图元类`MyGraphicsItem`，并在`paint`函数中绘制了一个红色的矩形。然后，创建了一个`QGraphicsScene`对象，并将自定义图元添加到场景中。最后，创建了一个`QGraphicsView`对象，并将场景设置为视图的场景，然后显示视图。 运行这段代码，你将看到一个窗口显示了一个红色的矩形，你可以通过拖动和选择来操作图元。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

得鹿梦鱼、

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值