Qt：二维绘图类QGraphicsScene与QGraphicsView的关系

灰太狼 2022-10-25 01:18 224阅读 0赞

1、Scene是一个场景，View是一个视野。如果视图大于场景时，场景在中间部分显示\[如果不设置视图的Alignment属性\]；如果视图小于场景，则只能看到场景的一部分，但是会自动提供卷滚条在整个场景中移动，同时也可以直接用鼠标拖动边框改变widget的大小

2、实例：新建一个QT GUI程序，选择基类Widget，取消创建界面。修改main.cpp

2.1、实例1：

#include "widget.h"
    #include <QApplication>
    #include <QGraphicsView>
    #include <QGraphicsScene>
    
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        QGraphicsScene scene;
        scene.addText("I love Qt programming", QFont("Times", 22, QFont::Bold));
    
        QGraphicsView view(&scene);
        view.show();
    
        return a.exec();
    }

![145b734d0ecac9eccfae620c2a50da9b785.jpg][]

分析：场景大小=视图大小：中间完全显示\[上下居中\]

#include "widget.h"
    #include <QApplication>
    #include <QGraphicsView>
    #include <QGraphicsScene>
    
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        QGraphicsScene scene;
        scene.addText("I love Qt programming", QFont("Times", 22, QFont::Bold));
    
        QGraphicsView view(&scene);
        view.setAlignment(Qt::AlignLeft | Qt::AlignTop);  //
        view.show();
    
        return a.exec();
    }

分析：场景大小=视图大小：设置左上对齐显示

![996967d894038c370516b149d21d1b2582b.jpg][]

#include "widget.h"
    #include <QApplication>
    #include <QGraphicsView>
    #include <QGraphicsScene>
    
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        QGraphicsScene scene;
        scene.addText("I love Qt programming", QFont("Times", 22, QFont::Bold));
    
        QGraphicsView view(&scene);
        view.setAlignment(Qt::AlignLeft | Qt::AlignTop);  //
        view.resize(20, 80);
        view.show();
    
        return a.exec();
    }

![2051021b0acc1ce133c2a2e79f166f8d49e.jpg][]

分析：场景大小大于视图大小：只能看到一部分场景，但是会自动提供滚条用来转换视图

[145b734d0ecac9eccfae620c2a50da9b785.jpg]: /images/20221024/db8d3a555c774751b55eb7aebab594f9.png
[996967d894038c370516b149d21d1b2582b.jpg]: /images/20221024/b679dbfab6a64763bff23997aeb3412f.png
[2051021b0acc1ce133c2a2e79f166f8d49e.jpg]: /images/20221024/549478572afa452db2cc0040fb77e87f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

相关 Qt：在QGraphicsView中绘图

include <QPainter> void MyView::paintEvent(QPaintEvent event) { qDe

红太狼/ 2023年01月12日 11:45/ 0 赞/ 272 阅读

相关 Qt：二维绘图类QGraphicsScene与QGraphicsView的关系

1、Scene是一个场景，View是一个视野。如果视图大于场景时，场景在中间部分显示\[如果不设置视图的Alignment属性\]；如果视图小于场景，则只能看到场景的一部分，但

灰太狼/ 2022年10月25日 01:18/ 0 赞/ 225 阅读

相关 Qt：二维绘图QGraphicsScene与QPainterPath

新建一个QT GUI程序，选择基类Widget，取消创建界面。修改main.cpp include "widget.h" include <QApplicat

妖狐艹你老母/ 2022年10月24日 11:43/ 0 赞/ 224 阅读

相关 QT中的二维绘图

文章目录基本绘制和填充 QPainter中常用图形绘制函数使用画笔使用画刷基本绘制和填充在绘图系统中由QP

灰太狼/ 2022年10月22日 09:15/ 0 赞/ 236 阅读

相关 Qt开发技术：图形视图框架（二）场景QGraphicsScene、QGraphicsItem与QGraphicsView详解

若该文为原创文章，转载请注明原文出处本文章博客地址：[https://hpzwl.blog.csdn.net/article/details/117660217][htt

你的名字/ 2022年10月05日 05:56/ 0 赞/ 319 阅读

相关 Qt开发技术：图形视图框架（二）场景QGraphicsScene、QGraphicsItem与QGraphicsView详解

若该文为原创文章，转载请注明原文出处本文章博客地址：[https://hpzwl.blog.csdn.net/article/details/117660217][htt

淩亂°似流年/ 2022年10月05日 00:40/ 0 赞/ 475 阅读

相关基于Qt QGraphicsView的多点触摸绘图

本应用于基于QGraphicsView框架，实现多点触摸. 工程仅仅演示了多点触摸绘图，源自我前段时间一款基于Qt的绘图软件. 工程结构: ![775344-2016042

冷不防/ 2022年06月10日 11:07/ 0 赞/ 304 阅读

相关 Difference between drawing with QPainter and (QGraphicsView + QGraphicsScene)

https://stackoverflow.com/questions/36389717/difference-between-drawing-with-qpainter-an

矫情吗；*/ 2022年06月09日 14:54/ 0 赞/ 391 阅读

相关 QGraphicsItem - QGraphicsScene - QGraphicsView

1.QGraphicsItem -- 是个基类 class Q_WIDGETS_EXPORT QGraphicsItem { public:

忘是亡心i/ 2022年06月09日 10:00/ 0 赞/ 355 阅读

相关 QgraphicsScene类

概述 QgraphicsScene类为管理大量的2D图形item提供了一个管理界面，做为item的容器，它配合使用QgraphicsView使用来观察items,例如线，矩形

川长思鸟来/ 2022年06月09日 00:16/ 0 赞/ 155 阅读