Qt：二维绘图的三个概念-----场景，图元，视图

忘是亡心i 2022-10-24 11:45 113阅读 0赞

1、新建QT GUI项目，基类widget

2、在widget.h中

#include <QGraphicsScene>
    #include <QGraphicsView>
    #include <QDebug>
    
    
    
    
    
    private:
         QGraphicsView *_view;
         QGraphicsScene *_scene;

2、在widget的构造函数中：

#include <QGraphicsLineItem>
    
    Widget::Widget(QWidget *parent)
        : QWidget(parent)
    {
         _view = new QGraphicsView(this);
         _view->setScene(_scene = new QGraphicsScene);
         _scene->addItem(new QGraphicsLineItem(QLineF(0, 0, 100, 100)));
    }

效果：

![1c114a52ac659022ce892119c0e5c28d159.jpg][]

改进程序：让\_view的效果随着对话框的变大而变大：如果\_view小了会显示一部分scene，并且自动添加场景条。如果\_view比\_scene大，会全部显示。

方法1：添加布局，将\_view放置为一个box布局

#include <QGraphicsLineItem>
    #include <QVBoxLayout>
    Widget::Widget(QWidget *parent)
        : QWidget(parent)
    {
        QVBoxLayout *lay = new QVBoxLayout(this);
    
         _view = new QGraphicsView(this);
         lay->addWidget(_view);   //让_view自动布局
         _view->setScene(_scene = new QGraphicsScene);
         _scene->addItem(new QGraphicsLineItem(QLineF(0, 0, 100, 100)));
    }

方法2：重写resizeEvent事件：让view的大小随着widget的大小变化而变化

在widget.h中添加：

void resizeEvent(QResizeEvent *);

在widget.cpp中是：

Widget::Widget(QWidget *parent)
        : QWidget(parent)
    {
         _view = new QGraphicsView(this);
         _view->setScene(_scene = new QGraphicsScene);
         _scene->addItem(new QGraphicsLineItem(QLineF(0, 0, 100, 100)));
    }
    
    void Widget::resizeEvent(QResizeEvent *)
    {
         //设置_view的大小为widget的大小
        _view->setGeometry(QRect(QPoint(0, 0), size()));
    }

\--

![446ddf05efe6ee7dbda3aec363b4933ec32.jpg][]

![17578e82e92061ebe2e795b22d5327aa1e4.jpg][]

其坐标原点始终在中间

、、-----

[1c114a52ac659022ce892119c0e5c28d159.jpg]: /images/20221024/3d69f01048ad4bd2a53d1b363e3ffe58.png
[446ddf05efe6ee7dbda3aec363b4933ec32.jpg]: /images/20221024/0ca2b8b881054c0684d9617b80e16e38.png
[17578e82e92061ebe2e795b22d5327aa1e4.jpg]: /images/20221024/db908c07228a4100aa37f99c065b6df0.png