QGraphicsView框架容易忽视的坐标问题-“画布”QgraphicsScene到底放在了哪儿？

浅浅的花香味﹌ 2022-06-09 00:24 173阅读 0赞

# 前言 #

最近一直使用QGraphicsView框架在我的一个实际项目中，官方文档好多都没说清楚啊，有木有？！文档都翻光了，却还是有好多没明白。   
一个令我恼火的bug就是，明明log打出来的每个Item的坐标都是预期的，但为什么最后结果不对呢？   
我在视图中添加了一个直线项(QPoint(0,0),QPoint(100,100));   
结果却是：   
![居中显示][20150531182849704]   
有的同行看到可能会一下指出，我没有设置QGraphicsScene的SceneRect，所以所有的元素默认显示。   
是的，上面这个例子的确如此，但是即使我们设置了呢，结果却是这样：   
![好一点的例子][20150531183031626]   
直线项确实不居中了，但是端点也没有在左上角啊！下面，我们就来深入结合例子弄清楚这一些问题。

# 解决之道 #

先上demo代码，很简单，

> mainwindow.h

#ifndef MAINWINDOW_H
    #define MAINWINDOW_H
    
    #include <QMainWindow>
    #include <QGraphicsView>
    #include<QGraphicsScene>
    #include<QDebug>
    namespace Ui {
    class MainWindow;
    }
    
    class MainWindow : public QMainWindow
    {
        Q_OBJECT
    
    public:
        explicit MainWindow(QWidget *parent = 0);
        ~MainWindow();
        void showView();//显示graphicsView的函数
    private:
        QGraphicsScene *graphicsScene;//scene声明
        QGraphicsView *graphicsView;//view声明
        Ui::MainWindow *ui;
    };
    
    #endif // MAINWINDOW_H
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26

> mainwindow.cpp

#include "mainwindow.h"
    #include "ui_mainwindow.h"
    
    MainWindow::MainWindow(QWidget *parent) :
        QMainWindow(parent),
        ui(new Ui::MainWindow)
    {
        ui->setupUi(this);
        graphicsScene = new QGraphicsScene(this);
        graphicsView = new QGraphicsView(graphicsScene,this);
        QSize window =this->size();
        graphicsView->setFixedSize(this->width(),this->height());
        graphicsScene->addLine(0,0,100,100);
    
    }
    void MainWindow::showView()
    {
         graphicsView->show();
    }
    
    MainWindow::~MainWindow()
    {
        delete ui;
    }
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24

> main.cpp

#include "mainwindow.h"
    #include <QApplication>
    
    int main(int argc, char *argv[])
    {
        QApplication a(argc, argv);
        qDebug() <<"line location:"<<"\n";
        qDebug()<<"startPoint:" <<QPoint(0,0);
        qDebug()<<"endPoint:" <<QPoint(100,100);
        MainWindow w;
        w.show();
        w.showView();
    
        return a.exec();
    }
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15

这份代码确实是QGraphicsScene和QGraphicsView的基本代码，并没有设置QGraphicsScene的sceneRect,所以结果也是大家可以预测的那样居中显示：   
![居中显示][20150531182849704]   
但是！很多时候框架中自认为很令人方便的设计一点都不利于我们开发，我们开发人员习惯的坐标系统是左上角为(0,0)的坐标系统！   
于是，官方给出了解决方案:使用void setSceneRect(const QRectF & rect)控制sceneRect区域，这很人迷惑，就在我们这个例子中，我们想让scene左上角坐标是(0,0)，是不是说只需要scene->setSceneRect(QRectF(0,0,W,H)就可以了呢？很遗憾的是，实验结果告诉我们不是：   
我们在上面的mainwindow.cpp里面设置scenRect为(0,0,150,150)试试看！：

> mainwindow.cpp

#include "mainwindow.h"
    #include "ui_mainwindow.h"
    
    MainWindow::MainWindow(QWidget *parent) :
        QMainWindow(parent),
        ui(new Ui::MainWindow)
    {
        ui->setupUi(this);
        graphicsScene = new QGraphicsScene(this);
        graphicsView = new QGraphicsView(graphicsScene,this);
        QSize window =this->size();
        graphicsView->setFixedSize(this->width(),this->height());
        graphicsScene->setSceneRect(0,0,150,150);
        graphicsScene->addLine(0,0,100,100);
    
    }
    void MainWindow::showView()
    {
         graphicsView->show();
    }
    
    MainWindow::~MainWindow()
    {
        delete ui;
    }
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25

结果是：   
![改进版][20150531184706340]   
结果不是预期！   
其实，正确的解决方案是setSceneRect(0,0,W,H);而且需要

*  W>=static\_cast< QWidget \*>(graphicsScene->parent())->size().width()
 *  H>=static\_cast< QWidget \*>(graphicsScene->parent())->size().height()

看再次修改后的代码:

> mainwindow.cpp

#include "mainwindow.h"
    #include "ui_mainwindow.h"
    #include<QWidget>
    MainWindow::MainWindow(QWidget *parent) :
        QMainWindow(parent),
        ui(new Ui::MainWindow)
    {
        ui->setupUi(this);
        graphicsScene = new QGraphicsScene(this);
        graphicsView = new QGraphicsView(graphicsScene,this);
        QSize windowsize =this->size();
    
        graphicsView->setFixedSize(this->width(),this->height());
        graphicsScene->setSceneRect(0,0
                                    ,static_cast<QWidget *>(graphicsScene->parent())->size().width()
                                    ,static_cast<QWidget *>(graphicsScene->parent())->size().height());
        graphicsScene->addLine(0,0,100,100);
    
    }
    void MainWindow::showView()
    {
         graphicsView->show();
    }
    
    MainWindow::~MainWindow()
    {
        delete ui;
    }
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26
       27
       28
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26
       27
       28

运行结果:

![正确运行结果][20150531190739256]   
下面有相应的工程下载:

[戳我下载][Link 1]

http://blog.csdn.net/tianyuan521521/article/details/46290525

[20150531182849704]: /images/20220609/79d34ee8a9164fe6b3bea5eed05a6c44.png
[20150531183031626]: /images/20220609/4991393cd9d74d5ea086379793043855.png
[20150531184706340]: /images/20220609/2ddeea96616843e78399321137a74ded.png
[20150531190739256]: /images/20220609/6adfe1326d9a463095ae8c2d26a59109.png
[Link 1]: http://download.csdn.net/detail/tianyuan521521/8757823