qt QGraphicsScene 简单例子

article/2025/11/3 23:04:13

坐标
在这里插入图片描述

graphicsView是Widget这个界面的子控件，
他的位置是左上角坐标为（30,30）
他的宽度为431，高度为431.
如果在graphicsView 这个子控件中，
继续加入子控件A，由于graphicsView比较特殊。
根据它的alignment属性，如果子控件A 的长宽小于 graphicsView.
那么子控件A 会在graphicsView 中居中显示。

在这里插入图片描述

这个子控件A 的左上角顶点
在graphicsView 中有一个坐标值。
同时在子控件A 内部有一个坐标值。
两者的坐标系还不一样。

setSceneRect(qreal x, qreal y, qreal w, qreal h)
ui->graphicsView 增加一个Scene ，
增加这个Scene ，相当于一个widget 增加一个子控件。

x,y 是子控件的左上角这个点，在QGraphicsScene坐标系中的坐标值，
相当于指定了QGraphicsScene 和graphicsView的一个连接点。

这个点在graphicsView 坐标系就是一个qt控件的左上角顶点。
这个点在QGraphicsScene坐标系中，就是x和y指定的一个Scene坐标。
根据这个点，就可以得到Scene的中心点，
根据中心点和w和h，可以得到完整的scene场景。

w，h是Scene 场景的宽度和高度

源码：

#include "widget.h"
#include "ui_widget.h"
#include <QtGui>
#include <QGraphicsEllipseItem>
#include <QGraphicsView>
#include <QGraphicsScene>Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);QGraphicsScene *scene = new QGraphicsScene;scene->setSceneRect(QRectF(0,0,400,400));//画一个矩形框//矩形框正好等于scene的大小QGraphicsRectItem   *item=new QGraphicsRectItem(QRectF(0,0,50,50));//可选，可以有焦点，但是不能移动item->setFlags(QGraphicsItem::ItemIsSelectable| QGraphicsItem::ItemIsFocusable);QPen    pen;pen.setWidth(2);item->setPen(pen);item->setBrush(Qt::red);scene->addItem(item);scene->setBackgroundBrush(Qt::green);ui->graphicsView->setScene(scene);}Widget::~Widget()
{delete ui;
}