Qt工作笔记-QGraphicsView框架容易忽视的坐标问题-“画布”QgraphicsScene到底放在了哪儿?

转载地址:

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


前言

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

解决之道

先上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

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

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

这份代码确实是QGraphicsScene和QGraphicsView的基本代码,并没有设置QGraphicsScene的sceneRect,所以结果也是大家可以预测的那样居中显示: 
居中显示 
但是!很多时候框架中自认为很令人方便的设计一点都不利于我们开发,我们开发人员习惯的坐标系统是左上角为(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

结果是: 
改进版 
结果不是预期! 
其实,正确的解决方案是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

运行结果:

正确运行结果 
下面有相应的工程下载: 
戳我下载

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页